MainAxisAlignment 등등

김원교·2023년 3월 6일
0

MainAxisAlignment.start
MainAxisAlignment.end
MainAxisAlignment.center
MainAxisAlignment.spaceBetween > 위젯과 위젯 사이가 동일하게 배치된다
MainAxisAlignment.spaceEvenly > 위젯을 같은 간격으로 배치하지만 끝과 끝에도 위젯이 아닌 빈 간격으로 시작한다
MainAxisAlignment.spaceAround > 끝과 끝의 간격은 1/2

CrossAxisAlignment - 반대축 정렬
CrossAxisAlignment.start
CrossAxisAlignment.end
CrossAxisAlignment.center
CrossAxisAlignment.stretch > 칼럼이나 로우가 차지하는 범위만큼 넓힌다

MainAxisSize.min > 주축 크기 최소
MainAxisSize.max > 주축 크기 최대

Expanded, Flexible - row나 column 위젯의 children에만 사용할 수 있다
Expanded > 최대한으로 남아있는 사이즈를 차지하라
Expanded(), Expanded() .. 남아있는 공간을 얘네끼리 나눠 먹는다
Expanded(flex:2 ) > flex는 남아있는 공간을 나눠먹는 비율 2:1:1....(기본은 1)
Flexible(flex: ) > 비율은 flex로 하는데 남아있는 공간은 그냥 버린다

width: MediaQuery.of(context).size.width(height) >> 넓이,높이 를 폰 사이즈 만큼 넓힌다

profile
지드래건 남들이 머라건 이병건

0개의 댓글