image 삽입(flutter)

이미지를 일단 안드로이드 스튜디오로 불러오는 방법에 대해서는 잘 정리된 블로그가 있어서 링크로 처리하겠음.

 

Flutter/ 이미지 추가하기

 

이 이미지를 보이는 방법에는 여러가지가 있는데, image이름이 'image.png', 폴더 이름이 assets라 할 때,

 

1. 가장 무난한 방법: 이미지 출력, Center나 Row, Column widget의 자식으로 넣는 방식

child: Image.asset("assets/image.png", width:200, height:200)

 

2. backgroundImage로 설정하기

CircleAvatar와 같은 위젯의 경우, backgroundImage를 설정할 수 있다. 설정가능한 widget에서

 

backgroundImage: AssetImage('assets/image.png')

 

(이때 사이즈는 CircleAvata등에 의해서 자동으로 잘린다.)