Column & Row

Column은 수직 방향으로 위젯을 배치하는 기준선과 같다.
Row는 수평 방향으로 ···

사용방법 (Row도 동일함, 가독성을 위해 <Widget>을 작성했다. 사용하지 않아도 괜찮다.)

body: Column(
	childern: <Widget> [...]
)

mainAxisAlignment

main축 위치 지정를 지정합니다.
mainAxisAlignment: MainAxisAlignment.<>
start: 위 혹은 왼쪽
center: 가운데
end: 아래 혹은 오른쪽
spaceAround: 자식들 사이 일정한 가격, 간격의 반을 양 끝 부분에 줌
spaceBetween: 자식들 사이 일정한 간격
spaceEvenly: 양 끝과 자식들 사이의 일정한 간격

mainAxisSize

컬럼 사이즈를 지정합니다.
mainAxisSize: MainAxisSize.<>
max: 자식 위젯 상관없이 가능한 최대 사이즈
min: 자식 위젯만큼만

CrossAxisAlignment

가로 축의 위치를 지정합니다.
crossAxisAlignment: CrossAxisAlignment.<>
start: 가로 축에서 왼쪽
center: 가로 축에서 가운데
end: 가로 축에서 오른쪽
strech: 가로영역을 최대로 확장

VerticalDirection

위젯의 세로 방향 순서를 정해줍니다.
verticalDirection: VerticalDirection.<>
down: 코드 순서대로 그려줌
up: 코드 순서상 아래 위젯부터 그림

Expanded

Column안에 있는 자식 위젯을 Expanded로 감싸면 감싼 위젯을 최대 영역으로 확장하게 됩니다.