반응형
default로 로드한 이미지의 경우 위와 같은 모양을 하고 있지만
요구사항에 의해 원형으로 만들어야 한다면 다음과 같은 방법으로 가능하다.
방법 1.
Container(
width: 80,
height: 80,
decoration: BoxDecoration(
shape: BoxShape.circle,
image: DecorationImage(
fit: BoxFit.fill,
image: AssetImage('assets/img/music.png'),
)
)
);
방법 2.
CircleAvatar(
radius: 40,
backgroundImage: AssetImage('assets/img/home-delivery.png'),
);
반응형
'개발 > Flutter' 카테고리의 다른 글
Flutter http 패키지와 api 통신 하기 (0) | 2022.04.07 |
---|---|
Flutter Json to model (0) | 2022.04.07 |
Flutter Provider (프로바이더 with MVVM) 상태관리 패키지 (0) | 2022.04.05 |
Flutter Rotate Animation (회전 애니메이션 만들기) (0) | 2022.04.04 |
Flutter. 화면에 경고 영역이 생기면.. (Right Overflowed by N Pixels) (0) | 2022.04.04 |