[Flutter] 컨테이너 위젯 작성하기

 

 1. 컨테이너(단일 박스) 위젯이란?

 

 - html의 div 와 유사

 

 - 레이아웃을 위해 단위로 구역을 나누기 위함

 

 

 2. Container 생성방법

 

 - 필요한 부분에서 Container()를 입력하면 된다.

 

 - 괄호 안에는 color, width, height 등 컨테이너에 관련된 여러 가지의 옵션을 넣을 수 있다.

 

 

 

 

 

 3. SizedBox

 

 - container 안에서 box 가 필요할 때 사용한다.

 

 - 사용법은 다음과 같다.

 

 

 

 

 4. Column 

 

 - 컨테이너를 2개 이상 넣고 싶을 때는 column 을 사용하고, children 을 사용하여 container를 넣으면 된다.

 

 - 실제 사용법은 아래와 같다.

 

 

 

 

 

 

 - 세로로 배치되는것 말고 가로로 배치되는 것을 원하면 Column 대신 Wrap 또는 Row 를 사용하면된다.