728x90
반응형
🙆♂️CircleAvatar
CircleAvatar 위젯을 사용하면 사진을 동그라미에 넣어서 표현할 수 있습니다.
🚀backgroundImage
이렇게 backgroundImage 속성을 통해서 이미지가 들어간 동그라미를 표현할 수 있습니다.
🚀radius
radius 속성을 통해서 이미지의 크기도 키울 수 있습니다.
🙋♂️Divider
Divider 위젯을 사용하면 구분선을 그릴 수 있습니다.
🚀height
Divider의 height 속성은 말그대로 높이 속성인데 전 객체와의 차이라고 생각하셔도 됩니다.
height가 110일 때보다 210일 때가 더 많이 띄어져 있습니다.
🚀color
color 속성을 이용해서 구분선의 색을 바꿀 수 있습니다.
🚀thickness
thickness는 구분선의 굵기를 표현합니다.
1이 기본값이고 더 얇은 선을 표현하고 싶으면 소수점으로 표현할 수 있습니다.
🚀endIndent
여태까지는 왼쪽에만 패딩을 줘서 떨어져 있었지만 오른쪽 패딩은 없었기 때문에 줄이 이어져 있었습니다.
endIndent를 왼쪽 패딩 만큼 주게 되면 구분선의 길이가 20만큼 띄어져서 나타납니다.
728x90
반응형
'앱 개발 > Flutter 공부' 카테고리의 다른 글
| [Flutter] 15. Snack Bar 스낵바 실습 (Scaffold.Of 에러) (0) | 2022.07.04 |
|---|---|
| [Flutter] 14. Drawer메뉴 간단 실습 (0) | 2022.07.04 |
| [Flutter] VS Code에서 플러터 프로젝트 생성하기 (0) | 2022.06.30 |
| [Flutter] AVD 설치하기 (0) | 2022.06.29 |
| [Flutter] 12. ListView (0) | 2022.06.29 |