Flutter에서 Spacer 위젯은 여백을 설정하고, 다른 위젯들 사이의 간격을 조절하는 강력한 도구입니다.

Spacer란 무엇인가요?

Spacer는 유연한 여백을 설정하기 위해 사용되며, Column 또는 Row 위젯의 자식으로 추가됩니다. Spacer는 사용 가능한 공간을 차지하여, 다른 자식 위젯들 간의 간격을 균등하게 배분합니다.

Spacer 사용 방법

아래는 Spacer를 사용하여 위젯의 위치와 너비를 조절하는 간단한 예제입니다.

1. Spacer로 여백 추가

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

위 예제에서 Spacer는 ‘위젯 1’과 ‘위젯 2’ 사이에 공간을 만들어 줍니다.

2. Spacer의 flex 속성 활용

Spacer의 flex 속성을 활용하여 각 Spacer가 차지하는 공간의 비율을 조절할 수 있습니다.

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

위 예제에서 Spacer의 flex 속성을 이용하여 ‘위젯 1’, ‘위젯 2’, ‘위젯 3’ 사이의 간격을 조절했습니다.

이처럼 Spacer를 사용하여 위젯의 위치와 너비를 조절할 수 있습니다. 간단한 구현을 통해 원하는 레이아웃을 유연하게 조절할 수 있습니다.

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