[Flutter] 플러터 assets /images 추가 방법

2023-11-21


사진: Unsplash 의 Lucas Bordião


0. 구조

 

현재 디렉토리 구조는 아래와 같다.

 


1. 방법

 

flutter:
  uses-material-design: true
  assets:
    - assets/logo/

 

  assets:
    - assets/logo/ 
pubspec.yaml 에 위와 같은 형식으로 자신의 정적 파일 경로를 추가 한다. 

 

반드시 들여쓰기는 위의 코드와 같이 맞춰주어야한다.



2. 사용법

 

코드로 해당 정적 파일을 불러올때는 아래와 같은 형식으로 이미지 정보를 불러오면 된다.

 

Image.asset(
    'assets/logo/google_logo.jpg', // Google 로고 이미지
    height: 24.0, // 이미지 높이 조절
  ),

3. 참고링크

https://docs.flutter.dev/ui/assets/assets-and-images

 

Adding assets and images

How to use images (and other assets) in your Flutter app.

docs.flutter.dev


메인 이미지 출처 : 사진: UnsplashLucas Bordião