[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 공식 문서를 참고하세요.