自定义小部件(Widget)

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

我们可以创建自己的小部件,一个自定义的小部件就是一个类 ... 在这个 main.dart 文件里面,定义一个 class ... 名字可以是 App ... 小部件的类可以继承 StatelessWidget 或者 StatefulWidget .. 不需要修改数据的小部件可以继承 StatelessWidget,有需要修改数据的小部件可以继承 StatefulWidget ..

这个小部件的类里面需要一个 build 方法 ... 这个方法要返回一个 Widget ... 方法接收一个 context 参数 .. 前面的这个 Widget 指的就是这个方法返回的值的类型 .. 应该是一个 Widget ...

上面的 @override 指的就是这个方法覆盖的是它的父类里面的那个 build 方法 ..

剪切一下上面使用的 Center 小部件 ... 让它作为 App 这个小部件的 build 方法返回的东西 ...

这样在这个 runApp 里面, 我们就可以直接用一个 App() ... 这个小部件是我们在下面自己定义的 ...

先停止调试 ... 重新再运行一下 ...

打开的这个应用 .. 屏幕的中间仍然会显示一个 hello ... 现在屏幕上显示的东西来自一个叫 App 的自定义小部件 ...

现在这个 main 函数里面只有一行代码 ... 所以我们可以使用箭头函数的形式 ... 一个胖箭头 ... 右边是函数的主体 ...

自定义小部件(Widget)《 Flutter 移动应用:快速起步 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点