[flutter] Spacer의 크기를 지정하는 방법은?

21 Dec 2023

flutter

Spacer의 크기를 지정하는 방법은 간단합니다. Spacer 위젯을 Flexible로 감싸고, flex 속성을 사용하여 크기를 지정할 수 있습니다.

예를 들어, Spacer 위젯을 1:2의 비율로 크기를 지정하려면 다음과 같이 코드를 작성할 수 있습니다.

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

위 코드에서 Spacer 위젯을 Flexible로 감싸고, 각각의 Flexible 위젯에 flex 값을 지정하여 크기를 조절했습니다. 이제 Spacer는 지정된 비율에 맞게 사용 가능한 공간을 나눠줄 것입니다.

더 많은 정보를 원하시면 공식 Flutter Spacer 문서를 참고하시기 바랍니다.