[flutter] Spacer를 이용하여 위젯을 일정한 간격으로 분리하는 방법은?

21 Dec 2023

flutter

다음은 Spacer를 사용하여 위젯을 일정한 간격으로 분리하는 간단한 예제 코드입니다.

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

위 예제에서 Spacer 위젯은 빨간, 파란, 녹색 Container 위젯 사이의 공간을 균등하게 분배합니다.

더 자세한 내용은 Flutter 공식 문서의 “Spacer class”를 참조하세요: https://api.flutter.dev/flutter/widgets/Spacer-class.html