[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 공식 문서를 참고하십시오.