SizedBox
- 자녀 위젯의 크기를 지정할 때
- 간격(공백) 만들 때 사용
width
height
child : SizedBox 내부에 위치할 자식 위젯
Container
- +레이아웃, 스타일, 정렬 등 다양한 기능을 가진 다목적 위젯
- 크기가 지정되지 않으면 부모위젯의 크기를 물려받음
padding : 자식 위젯 내부 여백
margin : 외부 여백
color
alignment : 자식 위젯의 정렬 위치 지정
decoration : 배경, 테두리, 그림자, 둥근 모서리
child : container 내부에 위치할 단일 자식 위젯
EdgeInsets
BorderRadius
Alignment
SizedBox vs Container
SizedBox
- 단순히 공간을 만들거나 위젯의 크기만 지정할 때
- 스타일, 패딩, 정렬이 필요 없고 간단한 간격만 줄 때
Container
- 크기 뿐 아니라 스타일링이 필요한 경우
padding, margin, decoration 등 다양한 속성을 아용할 때- 복합적인 UI를 꾸밀 때 필수
