Flutter 中的 Center 小部件:全面指南
在Flutter中,Center
是一个小部件,用于将其子项放在屏幕中心。这是一个简单的用法示例:
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('Center Widget Example'),
),
body: Center(
child: Text(
'Hello, World!',
style: TextStyle(fontSize: 24),
),
),
),
);
}
}
在这个例子中,Center
小部件将Text
小部件置于屏幕中心。Text
小部件显示了"Hello, World!",并且有一个字体大小为24的文本样式。这个应用程序的主要小部件 (MyApp
) 是一个无状态小部件,它返回一个 MaterialApp
,这是一个方便的小部件,用于设置整个应用程序的外观和行为。
评论已关闭