본문 바로가기
기초다지기/Flutter&Dart

Flutter Image 이미지 적용하는 법

by 김빵그 2023. 4. 11.

1. assets > images 폴더를 생성 후 원하는 이미지 파일을 넣어준다

 

2.pubspec.yaml 파일 안으로 들어간다

3. 아래로 내려가다 보면 #assets:~~~ 이란 텍스트가 있는데  위와같이  해당 가져온 위치 + 이미지명을 작성한다

4. 터미널에서 flutter pub get을 실행한다 

https://flutter-ko.dev/docs/development/packages-and-plugins/using-packages

5. 이제 대충 코드를 짜주면 완성!

flutter 에서 background size cover나 contain을 쓰려면 fit : BoxFit.cover 같이 작성하면 된다

Image.asset(
    'assets/images/profile.jpeg',
    height: 50,
    width: 50,
    fit: BoxFit.cover,
),