[flutter] 플러터 Spacer란 무엇인가?

21 Dec 2023

flutter

플러터(Flutter) 앱을 개발하다 보면 다양한 위젯을 활용하여 화면 레이아웃을 구성해야 합니다. 이때 Spacer 위젯은 화면 요소들 사이의 간격을 조절하는 데 유용한 도구로 활용됩니다.

Spacer란 무엇인가?

Spacer는 화면 공간을 자동으로 채우는 데 사용되는 플러터의 내장 위젯입니다. 이 위젯은 주어진 공간 내에서 남는 공간을 균등하게 분배하여 차지하고, 그렇게 함으로써 다른 위젯들 간의 간격을 조절합니다.

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

위의 예제에서 Spacer 위젯은 ‘위젯 1’과 ‘위젯 2’ 사이의 공간을 균등하게 채워줍니다.

Spacer 활용 예시

다음은 Spacer를 사용하여 레이아웃 간격을 조절하는 예시입니다.

Column(
  children: <Widget>[
    Text('제목'),
    Spacer(),
    Container(
      height: 200,
      color: Colors.blue,
    ),
    Spacer(),
    Text('하단 내용'),
  ],
)

위 예시에서 Spacer는 “제목”과 “하단 내용” 사이, 그리고 그리고 Container 위젯과 “하단 내용” 사이의 간격을 조절하여 보다 균형 잡힌 레이아웃을 만들어냅니다.

결론

Spacer는 플러터 앱의 레이아웃을 보다 유동적으로 만들어주는 유용한 도구입니다. 여러 위젯이나 레이아웃을 조율하고자 할 때 자주 활용되므로, 플러터 개발에서 유용하게 활용할 수 있는 기능 중 하나로 꼽힙니다.

더 많은 정보를 원하시면 다음 자료를 참고해 주십시오:

스페이서 위젯(Flutter Widget of the Week): https://www.youtube.com/watch?v=RbWSJiDTxJg