[flutter] Spacer를 사용하여 위젯을 화면의 특정 부분에 고정하는 방법은?

21 Dec 2023

Flutter 앱에서 Spacer는 유용한 위젯으로, 위젯 사이의 여백을 채우기 위해 사용됩니다. Spacer를 사용하여 화면 상의 특정 부분에 위젯을 고정하기 위해, 다음과 같이 작업할 수 있습니다.

Spacer 추가: 먼저, 원하는 위치에 위젯을 고정하고 싶은 부분을 Wrap 또는 Column과 같은 Flex 위젯으로 감싸줍니다.
```
Column(
  children: [
    Widget1(),
    Spacer(),
    Widget2(),
  ],
)
```
Spacer 위치 설정: Spacer는 유연한 공간을 차지하는 위젯이기 때문에, 사용할 위치에 따라 위젯 사이에 자리를 차지하도록 위치를 조절할 수 있습니다.
별도의 여백 설정: 만약 Spacer에 추가적인 여백이 필요하다면, flex 속성을 사용하여 공간을 확보할 수 있습니다.
```
Spacer(
  flex: 2,
)
```

위와 같은 방법으로 Spacer를 사용하여 Flex 위젯 내에서 원하는 위치에 다른 위젯을 고정할 수 있습니다. 위젯의 배치와 유연한 여백 조절에 Spacer를 적절히 활용하여 UI 디자인을 보다 효율적으로 구성할 수 있습니다.