1. Spacer 위젯 소개
2. Spacer 위젯 사용법
3. Spacer 위젯을 활용한 예시
4. 마무리

1. Spacer 위젯 소개

Flutter에서 Spacer는 가변 공간 비율을 설정하여 다른 위젯과의 중첩을 조절하는 데 사용됩니다. 이를 통해 화면을 나누거나 위젯 간 간격을 조절할 수 있습니다.

2. Spacer 위젯 사용법

Spacer 위젯 사용법은 매우 간단합니다. 아래는 Spacer를 사용하는 기본적인 방법입니다.

Row(
  children: <Widget>[
    Text('첫 번째 위젯'),
    Spacer(), // 다른 위젯과의 간격을 나누기 위한 Spacer 위젯
    Text('두 번째 위젯'),
  ],
)

위 코드에서 Spacer 위젯은 ‘첫 번째 위젯’과 ‘두 번째 위젯’ 사이의 공간을 균등하게 나눕니다.

3. Spacer 위젯을 활용한 예시

아래 예시는 Spacer를 사용하여 스크린 상에서 위젯 간에 간격을 조절하는 간단한 방법을 보여줍니다.

Column(
  children: <Widget>[
    Container(
      height: 100,
      color: Colors.blue,
    ),
    Spacer(), // 컨테이너와 아래 컨테이너 사이에 공간을 나누는 Spacer 위젯
    Container(
      height: 100,
      color: Colors.green,
    ),
  ],
)

위 코드는 Container 위젯 위아래로 Spacer를 사용하여 동일한 중간 간격을 설정합니다.

4. 마무리

이상으로 Flutter에서 Spacer 위젯을 사용하여 다른 위젯과의 중첩을 설정하는 방법에 대해 알아보았습니다. Spacer를 활용하여 화면 레이아웃을 보다 효과적으로 관리할 수 있습니다.