본문 바로가기
Flutter

여러가지 위젯(Widget)

by 코코형아 2023. 6. 12.

Container Widget

: 한 페이지 내에서 최대한의 공간을 차지하려 한다.

- child가 없을 경우, 컨테이너 위젯은 할수 있는 한 최대한의 공간을 차지.

- child가 있을 경우, child의 크기로 줄어든다.

- 오직 하나만의 child만 가질 수 있다.

 

 

SafeArea Widget

: 위젯이 화면 밖으로 나가지 않도록 해줌.

 

 

출처 - 코딩셰프

검은색 화살표 : margin

파란색 화살표 : padding

 

 

Column Widget

: 여러개의 위젯들을 세로로 나열하기 위한 위젯

- children : <Widget> []

- 대괄호( [ ] ) 안에, 여러개의 위젯을 나열

- 가로 크기는 children의 크기로 제한

- 가로로 가운데 정렬 : Center위젯으로 감싸기

- 세로로 가운데 정렬 : mainAxisAlignment: MainAxisAlignment.center

 

 

Row Widget

: Column Widget과 정반대

 

 

Route : 앱 페이지 즉, 하나의 페이지를 의미(android에서 activity에 해당하는 개념)

'Flutter' 카테고리의 다른 글

BuildContext 이해하기  (0) 2023.06.02
Appbar(앱 바) & Drawer(드로어)  (0) 2023.06.01
vscode 오류 해결  (0) 2023.05.23
JIT vs AOT  (0) 2023.04.03