Flutter에서 Spacer 위젯은 부모 위젯 내에서 사용 가능한 공간을 공평하게 분할하는 데 사용됩니다. 이를 활용하여 간단하게 위젯의 비율과 위치를 동적으로 변경할 수 있습니다.

Spacer 사용하기

Row(
  children: <Widget>[
    Container(
      color: Colors.blue,
      height: 50,
      width: 50,
    ),
    Spacer(flex: 1),
    Container(
      color: Colors.red,
      height: 50,
      width: 50,
    ),
    Spacer(flex: 2),
    Container(
      color: Colors.green,
      height: 50,
      width: 50,
    ),
  ],
)

위의 예시에서 Spacer 위젯은 각각의 컨테이너 위젯을 공간을 잘 나누어 줍니다. Spacer의 flex 속성을 사용하여 각각의 컨테이너 위젯에 할당되는 공간의 비율을 지정할 수 있습니다.

동적 위치 조정

Spacer를 사용하면 컨테이너의 비율을 유동적으로 조정할 수 있으며, 특히 Row나 Column과 같은 다른 레이아웃 위젯과 함께 사용할 때 유용합니다. 코드를 수정하면 Spacer를 사용하여 위젯의 위치를 동적으로 조정할 수 있습니다.

Spacer를 통해 위젯의 위치와 비율을 동적으로 조정하는 방법에 대해 알아보았습니다. 이를 응용하여 다양한 디자인을 구현할 수 있을 것입니다.

더 많은 정보는 Flutter 공식 문서를 참고할 수 있습니다.