1. 스택으로 밑에 깔릴 이미지와 버튼아이콘 추가
2. positioned로 배경이미지 위에 올릴 아이콘 위치 고정
Stack(
children: [
SizedBox(
width: 65,
height: 65,
child: ClipRRect(
borderRadius: BorderRadius.circular(32.5),
child: Image.network(
'https://placeimg.com/200/100/people',
fit: BoxFit.cover,
),
),
),
Positioned(
bottom: 0,
right: 0,
child: Container(
width: 20,
height: 20,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(15),
color: Colors.grey[100],
),
child: Icon(
Icons.camera_alt_outlined,
size: 15,
),
),
),
],
)
728x90
'Usage > Flutter' 카테고리의 다른 글
Extension methods 확장 메서드 사용하기 (0) | 2021.09.08 |
---|---|
IndexedStack, bottomNavigation으로 화면 전환 (0) | 2021.08.28 |
[Flutter] GetX를 활용해서 stateless에서 애니메이션 사용하기 (0) | 2021.07.01 |
[Flutter] 리스트의 항목을 클릭하여 디테일 페이지로 이동할때 hero 애니메이션 적용 (0) | 2021.07.01 |
[Flutter] Json 데이터를 GetX를 활용하여 list view, detail view 만들기 (0) | 2021.07.01 |