로컬 이미지 올리기

이원석·2024년 8월 13일
0

Flutter

목록 보기
45/46

로컬 이미지 올리기

1. assets/images 폴더 생성 및 이미지 추가


assets/images/ 폴더 생성 및 assets/images/경로에 이미지 파일 추가

2. pubspec.yaml에 이미지 파일 등록

pubspec.yaml파일에 - assets/images/파일이름.확장자 또는 - assets/images/ 추가

  assets:
    - assets/images/
    - assets/images/btn_test_d.png

3. flutter pub get 명령어 실행

프로젝트의 TERMINAL에서 flutter pub get 명령어 실행

Image 위젯 사용

예시

decoration: const BoxDecoration(
          image: DecorationImage(
              image: AssetImage('assets/images/btn_test_a.png')),
        ),
  • 불러오지 못할 경우 pubspec.yaml 경로 지정할때 들여쓰기 확인
    들여쓰기는 무조건 공백 2칸 단위로 하고 '-'와 경로명 사이에는 공백 1칸
    그리고 pubspec.yaml을 수정했을 때는 pub get 실행 및 앱 완전종료 후 재시작

참조
은젼의 뒤죽박죽 개발로그
인프런

0개의 댓글