Spacer 위젯은 주어진 공간을 사용하여 자식 위젯을 나란히 배치하는 데 사용됩니다. 이를 통해 위젯 간에 일정한 간격을 유지하면서 화면을 균등하게 분할할 수 있습니다.

Spacer 사용법

Spacer를 사용하는 가장 간단한 방법은 Row나 Column 위젯 내부에 추가하는 것입니다. 아래의 예시를 참고하세요.

Row(
  children: <Widget>[
    Text('첫 번째 위젯'),
    Spacer(),
    Text('두 번째 위젯'),
  ],
)

이렇게 하면 첫 번째와 두 번째 텍스트 위젯이 화면에서 가능한 최대 공간을 차지하고, Spacer가 나머지 공간을 채우어주게 됩니다.

Spacer 위젯의 flex 속성을 통해 간격을 조절할 수도 있습니다. 예를 들어, 아래 코드에서 Spacer의 flex 값을 2로 지정하면 그 공간이 2배 확장됩니다.

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

Spacer와 MainAxisAlignment

Row나 Column 위젯은 mainAxisAlignment 속성을 통해 자식 위젯들을 정렬할 수 있습니다. Spacer는 이러한 정렬을 변경하지 않고 단순히 나란한 간격을 유지하는 역할을 합니다.

결론

Spacer를 사용하여 나란한 배치와 간격을 조절할 수 있습니다. 그 정도의 공간을 나누는 데 유용하게 활용할 수 있으며, 필요에 따라 유연하게 조절할 수 있습니다.

더 자세한 정보는 Flutter Spacer 위젯 문서를 확인하세요.