Column & Row
Column widget
Column은 수직방향으로 배치하는 위젯
Column(children : [widget1, widget2,])Row widget
Row는 수평방향으로 배치하는 위젯
Row(children : [widget1, widget2,])MainAxisAlignment
mainAxisAligment는 주축으로 정렬하는 위젯
Column일 경우 수직방향, Row일 경우 수평방향이다.
center
center는 주축을 기준으로 가운데 정렬
start
start는 주축을 기준으로 왼쪽(위쪽) 정렬
end
end는 주축을 기준으로 오른쪽(아래쪽) 정렬
spaceEvently
spaceEvently는 child 위젯 사이의 공간을 균등하게 배분
spaceBetween
spaceBetween은 시작과 끝 위젯의 공간을 제외한 나머지 공간을 균등하게 배분
spaceAround
spaceAround는 시작과 끝 위젯의 공간을 나머지 위젯사이 공간의 절반만큼 배분
CrossAxisAlignment
CrossAxisAlignment는 횡축(주축과 수직)방향으로 정렬
center
center는 row일때 가로축 기준으로 가운데정렬
column일때 세로축 기준으로 가운데 정렬
start
start는 row일때 가로축 기준으로 위쪽 정렬
column일때 세로축 기준으로 왼쪽 정렬
end
end는 row일떄 가로축 기준으로 아래 정렬
column일떄 세로축 기준으로 오른쪽 정렬
stretch
stretch는 좌우를 꽉차게 배치
baseline
baseline은 row 는 수평정렬, cloumn은 수직 정렬 (폰트크기가 다르거나 할 때 기본 라인축에 맞춰 정렬할때 유용)
참조
Beom Dev Log
