web & develop/flutter

flutter MainAxisAlignment, CrossAxisAlignment, MainAxisSize 정리

Nerd_Lee 2022. 7. 2. 01:02
반응형
// MainAxisAlignment - 주축 정렬
// start - 시작
// end - 끝
// center - 가운데
// spaceBetween - 위젯과 위젯 사이의 간격이 동일
// spaceEvenly - 위젯을 같은 간격으로 배치하지만 끝과 끝에도 위젯이 아닌 빈 간격으로 시작
// spaceAround - spaceEvenly + 끝과 끝의 간격은 1/2
mainAxisAlignment: MainAxisAlignment.start,

 

// CrossAxisAlignment - 반대축 정렬
// start - 시작
// end - 끝
// center - 가운데 ( default )
// stretch - 최대한으로 늘린다.
crossAxisAlignment: CrossAxisAlignment.start,

 

// MainAxisSize - 주축 크기
// max - 최대
// min - 최소
mainAxisSize: MainAxisSize.min,

 

반응형