Spacer 위젯은 Flutter에서 유용하게 사용되는 위젯 중 하나입니다. 이 위젯은 주로 빈 공간을 채우는 데 사용되며, 행이나 열 사이의 빈 공간을 균등하게 분할할 수 있습니다.

Spacer의 속성

Spacer 위젯은 유일한 속성 flex를 가지고 있습니다. flex는 Spacer 위젯이 얼마나 많은 공간을 확장할지를 결정합니다. 더 큰 flex 값은 더 큰 공간을 차지하게 됩니다.

다음은 Spacer 위젯의 기본 구조입니다.

Spacer(
  flex: 1,
)

Spacer의 사용법

Spacer 위젯은 다른 위젯들 사이의 여백을 조절할 때 주로 사용됩니다. 예를 들어, Row 안에 여러 위젯이 들어있는 경우 각 위젯 사이에 Spacer를 삽입하여 공간을 분배할 수 있습니다.

Row(
  children: <Widget>[
    Container(
      width: 100,
      height: 100,
      color: Colors.blue,
    ),
    Spacer(flex: 1),
    Container(
      width: 100,
      height: 100,
      color: Colors.green,
    ),
    Spacer(flex: 2),
    Container(
      width: 100,
      height: 100,
      color: Colors.red,
    ),
  ],
)

위 예시에서, 첫 번째 Spacer는 남은 공간을 1:3의 비율로 나누고, 두 번째 Spacer는 남은 공간을 2:3의 비율로 나누게 됩니다.

Spacer 위젯을 사용하여 화면을 효과적으로 배치하고 레이아웃을 개선할 수 있습니다.

더 많은 정보를 원하시면 Flutter 공식 문서를 참고하세요.