[flutter2] asset 폴더 생성

한별onestar·2024년 4월 30일

flutter 실전

목록 보기
2/15
post-thumbnail

asset폴더에는 앱에 필요한 이미지같은 요소를 저장한다. 이미지 파일 추가하는 법 먼저 알아보았다. 🌠

프로젝트 파일에 이미지 추가하기

전체 프로젝트 파일 아래 asset 폴더 생성 > img 폴더 생성 > 이미지 파일 추가

  • 파일 구조

그러나! 이렇게 파일만 추가해서 바로 사용 불가!


✔️ pubspec.yaml에 asset추가하기

  1. 위 폴더에 있는 이미지 파일을 넣기 위해서는 pubspec.yaml 파일 내 flutter 키를 찾아 asset을 추가한다.
❗️pubspec.yaml 파일은 작성할 때 띄어쓰기가 매우 중요하다
flutter:
  assets:
    - asset/img/
    # img폴더 안에 모든 이미지를 앱에서 사용할 수 있다.
    - asset/img/logo.png
    # 파일을 각각 입력할 수도 있다.
  1. 이렇게 작성 후 오른쪽 상단 Put get 버튼을 눌러 변경 사항을 적용해준다. 콘솔창에 아래와 같은 메세지가 뜬다면 성공!
profile
한별잉

0개의 댓글