[flutter] 플러터 Spacer의 기능은?

21 Dec 2023

flutter

기본적으로 Spacer는 유연한 여백을 차지하고, 부모 위젯 내에서 이 여백을 균등하게 분배합니다. 이를 통해 엘리먼트들이 화면의 크기에 따라 동적으로 정렬되도록 도와줍니다.

다음은 Spacer의 간단한 예제 코드입니다:

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

위 코드에서 Spacer 위젯은 각 컨테이너 사이의 공간을 동적으로 분배합니다.

더 자세한 정보는 Flutter 공식 문서의 Spacer 부분을 참고해주세요.