플러터(Flutter)에서는 Column 위젯을 사용하여 세로 방향으로 위젯들을 배열할 수 있습니다. 이 포스트에서는 Column 위젯의 기본적인 사용법과 예제를 살펴보겠습니다.

Column 위젯이란?

Column 위젯은 자식 위젯들을 세로로 배열하는 데 사용됩니다. 이 때 자식 위젯은 각각의 크기를 지정할 수 있고, Column의 크기는 자식 위젯들의 크기와 일치하게 됩니다.

Column 위젯의 속성

• children: Column에 포함될 자식 위젯들을 지정합니다.
• mainAxisAlignment: 세로 방향 정렬을 지정합니다.

예제

다음은 Column 위젯을 사용한 간단한 예제입니다.

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  children: <Widget>[
    Container(
      color: Colors.red,
      height: 100,
      width: 100,
    ),
    Container(
      color: Colors.blue,
      height: 100,
      width: 100,
    ),
  ],
)

위 예제에서는 두 개의 컨테이너를 세로로 배열하여 화면 중앙에 표시하는 Column 위젯을 만들었습니다.

종합

이렇게 Column 위젯을 사용하면 세로 방향으로 여러 위젯들을 배열할 수 있습니다. 간단한 예제를 통해 기본적인 사용법을 익혔습니다.

플러터 개발에 참고가 되는 자료: Flutter Column class