Flutter 초보자가 주의해야 할 .yml 파일 내 assets 설정 방법

Flutter 개발 중 프로젝트 폴더 안에 있는 파일(asset)을 가져와서 사용해야 할 때가 있습니다.

AssetImage 사용 전 pubspec.yaml 설정하기

대표적으로 AssetImage이 있는데, 사용하기에 앞서 pubspec.yaml 안에 assets의 주석을 풀고 하위에 해당 경로를 적용해줘야 합니다.

flutter pubspec asset 1

flutter pubspec asset 2

파일 찾기 문제 발생 원인: YAML Indent 규칙 미준수

하지만 이렇게 주석을 풀고 경로를 지정 했음에도 파일을 찾을 수 없다고 나오는 경우가 있습니다.

문제는 의외로 간단한데, assets의 주석을 풀면 indent(depth)가 다르기 때문입니다. YAML의 규칙은 매우 엄격한데 비교를 위해 각 주석들을 제거해보면 확실히 눈에 띕니다.

flutter pubspec asset 3

문제 해결 방법: Indent 수정하기

위에서 볼 수 있듯, assets의 앞에 공간(space)이 하나 더 있는 것을 알 수 있습니다.

해당 공간을 지우고 사용하면 AssetImage 등에서 사용하는 경로가 제대로 되는 것을 확인할 수 있습니다.