加置时尚健康网

第三部分是Demo的根widget类,继承了StatelessWi

简介: 第三部分是Demo的根widget类,继承了StatelessWidget类(无状态widget)。

大家好,这是Flutter学习笔记的第4篇。

当用Flutter的指令创建一个新项目的时候,Flutter会给你生成一个计数器的Demo。

我们先看看这个Demo运行结果的截屏:这是笔者修改了主题颜色后的版本,同学们可以看看自己创建的Demo与笔者的有什么区别。

这个Demo很简单,就是实现了在屏幕中间显示数字,右下角有一个悬浮按钮,点击按钮对显示的数字进行+1操作,并刷新显示的数字。

整个Demo的代码都写在lib/main.dart文件中。

我们知道Material Design是谷歌推出的界面设计语言,Flutter同样作为谷歌的产品,那是必须首推同厂的组件库的啦。

当然这个组件库美观好用大家也是有共识的。

第二部分是主函数,与Ja相同,Flutter也是用main函数作为整个App程序的入口。

该方法需要传入一个widget对象,一般就是这个App的根widget了。

第三部分是Demo的根widget类,继承了StatelessWidget类(无状态widget)。

build函数是对这个widget进行构造,其默认带入上下文(context)。

build函数里面返回了一个MaterialApp,这是Material给Flutter的App框架,可以设置App的名称、主题、语言、首页、路由列表等等。

将这些配置当成参数传入MaterialApp类中,生成对象返回给build,相当于这里给整个App筑了一个基底。

在最后添加了home路由,该路由配置的也是一个widget——MyHomePage。


以上是文章"

第三部分是Demo的根widget类,继承了StatelessWi

"的内容,欢迎阅读加置时尚健康网的其它文章