플러터에서 Column은 세로로 정렬된 여러 위젯을 포함할 수 있는 유용한 레이아웃 위젯입니다. Column을 구성하는 다양한 속성들을 살펴보겠습니다.

1. mainAxisAlignment

mainAxisAlignment 속성은 Column 내의 모든 자식 위젯이 세로(main) 방향으로 정렬되는 방식을 정의합니다. 예를 들어, MainAxisAlignment.start는 위젯을 세로 축 상단에 정렬하고, MainAxisAlignment.center는 중앙에 정렬합니다.

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  children: <Widget>[
    // 자식 위젯들
  ],
)

2. crossAxisAlignment

crossAxisAlignment 속성은 Column 내의 모든 자식 위젯이 가로(cross) 방향으로 정렬되는 방식을 정의합니다. CrossAxisAlignment.start는 가로 축 상단에 정렬하고, CrossAxisAlignment.center는 중앙에 정렬합니다.

Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: <Widget>[
    // 자식 위젯들
  ],
)

3. mainAxisSize

mainAxisSize는 Column이 main 축(세로)의 길이를 결정하는 방식을 정의합니다. MainAxisSize.min은 자식 위젯들의 최소 높이만큼만 차지하고, MainAxisSize.max는 가능한 최대 높이를 차지합니다.

Column(
  mainAxisSize: MainAxisSize.max,
  children: <Widget>[
    // 자식 위젯들
  ],
)

Column 위젯의 속성들을 적절히 활용하여 다양한 세로 레이아웃을 만들어낼 수 있습니다. 플러터 앱을 개발하는 과정에서 Column의 다양한 속성을 효과적으로 활용하여 UI를 디자인하는 방법에 대해 학습해보세요.

참고: 플러터 공식 문서