꾸준히 하고싶은 개발자

flutter ui 본문

모두의연구소

flutter ui

프라우스 2023. 12. 20. 23:53

widget : 화면그리는 요소들 

 

padding: 안쪽여백  -> 8 16 24 32

margin :  바깥에 여백

 

 

StatefulWeiget <---> Stateless widget

화면 상태 변하면 statefulWeight 이고

화면 상태가 변하지 않으면  stateless 이다

 

aspectRadio

설정한 비율 대로 출력된다. 

 

Stack

위젯 겹치기 

 

Spacer 빈공간을 위젯으로 채운다

 

Row 행

colum 열 

 

SingleChildScrollView

화면 보다 위젯 나갈떄  공사장줄이 나오는데 이떄 사용하는 키워드

 

1. Boxfit.fill

설정한 크기에 맞게 비율이 변경되어 채워진다.

2. Boxfit.contain

설정한 크기 이내에서 비율이 변경되지 않고 가능한 한 크게 한다.

3. Boxfit.cover

비율이 변경되지 않고 설정한 크기를 덮으며 일부 이미지가 잘릴 수 있다.

 

'모두의연구소' 카테고리의 다른 글

Flutter 모바일 앱 개발 과정 1기 후기  (1) 2024.02.14
안드로이드 스튜디오 단축키  (0) 2023.12.19
16일차 unit Test  (0) 2023.12.18
Find the smallest integer in the array  (0) 2023.12.17
15일차 DTO  (0) 2023.12.15