Container 위젯 : 대표적으로 위젯의 너비/높이 혹은 배경/ 테두리를 표현해야 할 때 자주사용됨.
color : 색상
alignment : 자식 위젯 정령
padding : 내부 여백
목차
margin : 외부 여백
width : 가로
height : 세로
constraints : 자식 위젯에 적용할 제약 조건 설정
decoration : 배경 색상이나 테두리 및 그림자 등을 설정
child : 하위에 포함될 자식 위젯
transform : 회전이나 스케일
clipBehavior 자식 위젯이 컨테이너를 넘어갈 때 어떻게 할지 결정
foregroundDecoration 자식 위젯 위에 적용할 스타일 설정
SizedBox : 특정 위치를 공백으로 확보하고 싶을 때 사용함.
width / height / child
key : 위젯 고유키 설정함. 상태관리나 위젯 트리에서 별도고 구별하기 위한 용도
Padding : 하위 자식의 여백 즉 컨테이너 내부 자식의 내부 여백을 위해
padding : 사용시 EdgeInsets를 활용해서 적용 시킴.
EdgeInsets 위젯 : 여백이나 패딩을 설정할 때 사용
EdgeInsets.all(double value) : 모든 방향(상, 하, 좌, 우)에 같은 크기의 여백을 설정
EdgeInsets.symmetric({double vertical = 0.0, double horizontal = 0.0}) 수직(상, 하) 및 수평(좌, 우) 방향에 각각 다른 크기의 여백을 설정
EdgeInsets.only({double left = 0.0, double top = 0.0, double right = 0.0, double bottom = 0.0}) 지정된 방향(왼쪽, 위쪽, 오른쪽, 아래쪽) 각각에 대해 개별적인 여백을 설정
EdgeInsets.fromLTRB(double left, double top, double right, double bottom) 왼쪽, 위쪽, 오른쪽, 아래쪽 각각의 여백을 직접 설정