[Flutter] 13. CircleAvatar 위젯 & Divider 위젯

앱 개발/Flutter 공부

내만 2022. 6. 30. 21:56

728x90

🙆‍♂️CircleAvatar

CircleAvatar 위젯을 사용하면 사진을 동그라미에 넣어서 표현할 수 있습니다.

이렇게 backgroundImage 속성을 통해서 이미지가 들어간 동그라미를 표현할 수 있습니다.

radius 속성을 통해서 이미지의 크기도 키울 수 있습니다.

Divider 위젯을 사용하면 구분선을 그릴 수 있습니다.

Divider의 height 속성은 말그대로 높이 속성인데 전 객체와의 차이라고 생각하셔도 됩니다.

height가 110일 때보다 210일 때가 더 많이 띄어져 있습니다.

color 속성을 이용해서 구분선의 색을 바꿀 수 있습니다.

thickness는 구분선의 굵기를 표현합니다.

1이 기본값이고 더 얇은 선을 표현하고 싶으면 소수점으로 표현할 수 있습니다.

여태까지는 왼쪽에만 패딩을 줘서 떨어져 있었지만 오른쪽 패딩은 없었기 때문에 줄이 이어져 있었습니다.

endIndent를 왼쪽 패딩 만큼 주게 되면 구분선의 길이가 20만큼 띄어져서 나타납니다.

728x90