Flutter에서 Spacer는 가변 공간을 가지고 있는 위젯으로, 유연한 레이아웃을 만드는 데 유용합니다. Spacer를 사용하여 위젯을 가로줄 또는 세로줄로 나열하는 방법에 대해 알아보겠습니다.

가로줄으로 위젯 나열하기

가로로 위젯을 나열하고 각 위젯 사이의 공간을 균등하게 배분하려면 Row 위젯 안에 Spacer를 추가합니다. 아래 예시는 Spacer를 사용하여 세 개의 위젯을 가로로 나열하는 방법을 보여줍니다.

Row(
  children: <Widget>[
    Text('Widget 1'),
    Spacer(),
    Text('Widget 2'),
    Spacer(),
    Text('Widget 3'),
  ],
)

위 예시에서 Spacer는 나열된 위젯 간의 공간을 균등하게 나누어 줍니다.

세로줄으로 위젯 나열하기

세로로 위젯을 나열하고 각 위젯 사이의 공간을 균등하게 배분하려면 Column 위젯 안에 Spacer를 추가합니다. 아래 예시는 Spacer를 사용하여 세 개의 위젯을 세로로 나열하는 방법을 보여줍니다.

Column(
  children: <Widget>[
    Text('Widget 1'),
    Spacer(),
    Text('Widget 2'),
    Spacer(),
    Text('Widget 3'),
  ],
)

위 예시에서도 Spacer는 나열된 위젯 간의 공간을 균등하게 나누어 줍니다.

위와 같이 Spacer를 사용하여 가로줄 또는 세로줄로 위젯을 나열할 수 있습니다. Flutter의 Spacer를 적절히 활용하여 유연하고 균형있는 레이아웃을 구성할 수 있습니다.

더 자세한 내용은 Flutter 공식 문서의 Spacer 항목에서 확인할 수 있습니다.