[flutter] Spacer를 이용하여 여백을 설정하는 방법은?

Flutter에서 Spacer를 사용하면 유연하게 여백을 설정할 수 있습니다. Spacer는 사용 가능한 공간을 모두 채우는 유연한 공간을 만들어주는데, 이를 사용하여 위젯 사이에 동적인 여백을 설정할 수 있습니다.

Spacer란 무엇인가요?

Spacer는 Flex 위젯 내에서 사용되며, 사용 가능한 공간을 모두 차지하는 유연한 공간을 만들어줍니다. Flex 위젯을 사용하면 자식 위젯들 간의 공간을 유연하게 조절할 수 있습니다.

Spacer를 이용하여 여백을 설정하는 방법

다음은 Spacer를 사용하여 두 개의 위젯 간에 공간을 동적으로 설정하는 간단한 예제입니다.

Flex(
  direction: Axis.vertical,
  children: <Widget>[
    Text('위젯 1'),
    Spacer(), // 유연한 여백을 생성
    Text('위젯 2'),
  ],
)

위 예제에서 Spacer는 Text(‘위젯 1’)과 Text(‘위젯 2’) 사이의 공간을 동적으로 조절해줍니다.

요약

Flutter의 Spacer를 사용하면 위젯 사이에 동적인 여백을 설정할 수 있습니다. Flex 위젯과 함께 사용하여 더욱 유연한 UI 디자인을 구현할 수 있습니다.

더 자세한 내용은 Flutter 공식 문서를 참고하세요.