[flutter] Spacer를 사용하여 화면의 높이를 나누는 방법은?

다음은 Spacer를 사용하여 화면의 높이를 나누는 예시입니다.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Spacer Example'),
        ),
        body: Column(
          children: <Widget>[
            Expanded(
              child: Container(
                color: Colors.blue,
                child: Center(
                  child: Text('Top Section'),
                ),
              ),
            ),
            Spacer(), // 화면의 높이를 나누는 Spacer
            Expanded(
              child: Container(
                color: Colors.green,
                child: Center(
                  child: Text('Bottom Section'),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

위 예시에서 Spacer 위젯이 Column의 두 Expanded 위젯 사이에 삽입되었습니다. 이를 통해 화면의 높이가 상단 섹션과 하단 섹션으로 나누어집니다.

Spacer를 사용하여 화면을 나누는 방법에 대해 더 알고 싶다면 Flutter 공식 문서를 참고하십시오.