나만의 개발 블로그

🙆‍♂️CircleAvatar CircleAvatar 위젯을 사용하면 사진을 동그라미에 넣어서 표현할 수 있습니다. 🚀backgroundImage 이렇게 backgroundImage 속성을 통해서 이미지가 들어간 동그라미를 표현할 수 있습니다. 🚀radius radius 속성을 통해서 이미지의 크기도 키울 수 있습니다. 🙋‍♂️Divider Divider 위젯을 사용하면 구분선을 그릴 수 있습니다. 🚀height Divider의 height 속성은 말그대로 높이 속성인데 전 객체와의 차이라고 생각하셔도 됩니다. height가 110일 때보다 210일 때가 더 많이 띄어져 있습니다. 🚀color color 속성을 이용해서 구분선의 색을 바꿀 수 있습니다. 🚀thickness thickness는 구분선의 굵..

🚀위젯 플러터에서는 앱 디자인을 위젯 짜깁기를 통해서 진행합니다. 스마트폰에서 사용하는UI같은 것들 모두 위젯라고 합니다. 예를 들어 글자를 넣고 싶다면 글자 위젯을 넣는 방식입니다. 💻위젯의 종류 글자 위젯 이미지 위젯 아이콘 위젯 박스 위젯 🙆‍♂️글자 위젯 글자위젯을 넣고 싶다면 전 게시글에서 소개했던 메인 페이지 구성하는 부분에서 Text("내용")을 입력하면 됩니다. 크롬으로 확인해보면 잘 나오는 모습입니다. 🙋‍♂️아이콘 위젯 아이콘 위젯은 Icon(Icons.아이콘 이름)을 넣으면 됩니다. star 아이콘은 이런 모습이고 아이콘의 이름은 flutter 홈페이지에서 찾을 수 있습니다. 🤷‍♂️이미지 위젯 이미지 위젯은 이런식으로 사용됩니다. 이미지 경로는 어떤 폴더를 만들어서 그 곳에서 관리해..