Spacer를 이용하여 수직/수평 간격 조절하기

Flutter 앱에서 위젯 사이의 간격을 조절하려면 Spacer 위젯을 사용할 수 있습니다. Spacer는 주어진 여유 공간을 사용하여 자식 위젯의 크기를 동적으로 조절합니다.

Spacer를 이용한 수평 간격 조절

수평 간격을 조절하기 위해서는 Row 위젯을 사용하여 자식 위젯들을 가로로 배치하고, Spacer를 포함하여 간격을 조절합니다.

아래는 Spacer를 사용하여 수평 간격을 조절하는 예시입니다.

Row(
  children: <Widget>[
    Expanded(
      child: Container(color: Colors.blue),
    ),
    Spacer(),
    Expanded(
      child: Container(color: Colors.green),
    ),
  ],
)

Spacer를 이용한 수직 간격 조절

수직 간격을 조절하기 위해서는 Column 위젯을 사용하여 자식 위젯들을 세로로 배치하고, Spacer를 포함하여 간격을 조절합니다.

아래는 Spacer를 사용하여 수직 간격을 조절하는 예시입니다.

Column(
  children: <Widget>[
    Expanded(
      child: Container(color: Colors.blue),
    ),
    Spacer(),
    Expanded(
      child: Container(color: Colors.green),
    ),
  ],
)

이렇게 함으로써 Spacer를 사용하여 Flutter 앱에서 수평 및 수직 간격을 조절할 수 있습니다.

더 자세한 정보를 원하시면 Flutter 공식 문서를 참고해주세요.