[flutter] Spacer를 이용하여 위젯을 화면의 특정 위치에 배치하는 방법은?

21 Dec 2023

flutter

1. 화면 상단 배치

Widget build(BuildContext context) {
  return Column(
    children: [
      Spacer(), // 화면 상단에 배치됨
      YourWidget(),
    ],
  );
}

2. 화면 중앙 배치

Widget build(BuildContext context) {
  return Column(
    children: [
      Spacer(),
      YourWidget(), // 화면 중앙에 배치됨
      Spacer(),
    ],
  );
}

3. 화면 하단 배치

Widget build(BuildContext context) {
  return Column(
    children: [
      YourWidget(),
      Spacer(), // 화면 하단에 배치됨
    ],
  );
}

위 코드 예시에서 YourWidget 부분에 배치하길 원하는 다른 위젯을 넣어주시면 됩니다. Spacer를 사용하여 위젯을 특정 위치에 배치할 수 있지만, 유의할 점은 Spacer는 유동적인 공간을 차지하므로 원하는 위치에 딱 맞게 배치되도록 다른 위젯과의 조합을 고려해야 합니다.

더 많은 자세한 내용은 Flutter 공식 문서의 Spacer 부분을 참고해 주세요.