Flutter에서 Spacer 위젯은 컬럼 또는 로우 내의 여백을 조절하고 자리를 균등하게 분배하는 데 사용됩니다. 이 글에서는 Spacer 위젯을 이용하여 컬럼 또는 로우를 디자인하는 방법에 대해 알아보겠습니다.

Spacer 위젯

Spacer 위젯은 빈 공간을 가득 채우며, 주어진 공간을 가능한 크게 차지합니다. 여러 개를 조합하여 컬럼 또는 로우 내의 위젯들 사이에 간격을 조절하거나, 공간을 분배할 수 있습니다.

Column(
  children: <Widget>[
    Text('첫 번째 위젯'),
    Spacer(),
    Text('두 번째 위젯'),
    Spacer(flex: 2),
    Text('세 번째 위젯'),
  ],
)

위의 예제에서 Spacer를 이용하여 첫 번째와 두 번째, 두 번째와 세 번째 위젯 사이의 여백을 조절하며, Spacer의 flex 속성을 통해 공간을 어떻게 분배할지 결정할 수 있습니다.

Flutter에서 Spacer의 활용

1. 간격 조절: Spacer를 이용하여 위젯들 사이의 간격을 조절할 수 있습니다.
2. 공간 분배: Spacer의 flex 속성을 활용하여 공간을 원하는 비율로 분배할 수 있습니다.

요약

Spacer 위젯은 Flutter에서 컬럼 또는 로우 내의 여백을 조절하고, 자리를 균등하게 분배하는 데 유용하게 활용됩니다. 위젯 간의 간격을 조절하거나, 공간을 유연하게 분배하기 위해 Spacer를 적절히 활용할 수 있습니다.

공식 문서 참조