1.创建一个widget来容纳可见对象
创建一个Text widget:
new Text('Hello World', style: new TextStyle(fontSize: 32.0))
创建一个 Image widget:
new Image.asset('images/myPic.jpg', fit: BoxFit.cover)
创建一个 Icon widget:
new Icon(Icons.star, color: Colors.red[500])
2.将可见widget添加到布局widget.
所有布局widget都有一个child属性(例如Center或Container),或者一个 children属性,如果他们需要一个widget列表(例如Row,Column,ListView或Stack)。
将Text widget添加到Center widget:
new Center(
child: new Text('Hello World', style: new TextStyle(fontSize: 32.0))
3.将布局widget添加到页面.
Flutter应用本身就是一个widget,大部分widget都有一个build()方法。在应用程序的build方法中创建会在设备上显示的widget。 对于Material应用程序,您可以将Center widget直接添加到
body
属性中
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text(widget.title),
),
body: new Center(
child: new Text('Hello World', style: new TextStyle(fontSize: 32.0)),
),
);
}
}
网友评论