flutter 起步

作者: charmingcheng | 来源:发表于2019-04-12 16:00 被阅读0次

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)),
      ),
    );
  }
}

相关文章

网友评论

    本文标题:flutter 起步

    本文链接:https://www.haomeiwen.com/subject/xjulcqtx.html