flutter 앱제작
[이미지 첨부 오류] Unable to Load Asset in Flutter
AntKong
2023. 10. 1. 13:31
Unable to Load Asset in Flutter.
매우 열받는 상황이다.
이미지를 넣었는데 왜 호출을 못할까?
"unable to load asset" 해결 방안
- 파일명에 특수문자가 들어 있으면 사진을 못읽습니다.
- pubspec.yaml 파일에 추가할때 들여쓰기 확인해야 합니다.
"이미지 추가" 방법
우선 이미지 파일을 프로젝트 폴더의 images 폴더에 넣습니다.
images 폴더가 없으면 새로 만들어 줍시다.
pubspec.yaml 파일을 수정해야 합니다..
위처럼 - images/ 경로를 assets 밑에 추가하면 됩니다.
flutter:
[2 띄어쓰기 or 1 탭]assets:
[4 띄어쓰기 or 2 탭]- images/
띄어쓰기 구분을 안 해주면 경로를 못 읽습니다.
pubspec.yaml 파일 수정 후에는 명령어를 실행해야 합니다.
(VScode에서는 자동적으로 해줍니다.)
flutter pub get
PowerShell이나 Terminal에서 실행을 해줍니다.
Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text('push-up page', style: TextStyle(fontSize: 30)),
Image.asset('images/pushup.png', width: 100, height: 100),
],
),
BottomNavigationBarItem(
icon: Image.asset('images/pushup.png', width: 40, height: 40),
title: Text('Push-Up', style: TextStyle(fontSize: 15)),
),
이런 식으로 코드에 추가를 하면 됩니다.
------------------------------- ------------------------------- ------------------------------- ------------------------------- ------------------------------- --이렇게 했는데도 안되는 경우?
마지막 2가지 최후의 방법이 있다.
첫번째, 저장 잘하고 안드로이드 껐다가 다시키면 작동될때가 있다.
두번쨰, 플로터 clean
이렇게 수정이 될 것이다.