[Flutter] 09. StoreApp (8) Spacer 위젯

서회정

May 22, 2025

💡

Spacer 위젯은 위젯 사이의 간격을 조정하는 데 사용한다.

퍼블리셔 입장에서 보면 css의 gap이나 margin과 비슷한 역할이라 볼 수 있다

흡사 css의 justify-content : space-between 처럼 보인다. 실제로 유사한 기능을 하고 있으며 다음과 같은 기능도 구현할 수 있다.

space-around 처럼 만들기


Row(
  children: [
    Spacer(flex: 1),
    Text("A"),
    Spacer(flex: 2),
    Text("B"),
    Spacer(flex: 2),
    Text("C"),
    Spacer(flex: 1),
  ],
)

space-evenly 처럼 만들기


Row(
  children: [
    Spacer(flex: 1),
    Text("A"),
    Spacer(flex: 1),
    Text("B"),
    Spacer(flex: 1),
    Text("C"),
    Spacer(flex: 1),
  ],
)