用户登录

下面我们先添加一个新的标签,然后在这个标签视图上去做这个课程里的练习 ... 打开项目的 lib 下面的 main.dart..

找到 AppBar 里面的 bottom 属性上的这个 TabBar .. 在 tabs 里面添加一个新的标签 .. 直接复制一份 .. 修改一下要使用的小图标 .. view_quilt .. [kwɪlt]

现在标签栏上的项目的数量是 4,修改一下它的 length 属性的值 ..

再找到 body 里的 TabBarView .. 给刚才添加的标签再添加一个对应的视图 .. 使用一个自定义的小部件 .. 名字可以是 ViewDemo ..

再去创建这个小部件 .. 在 lib .. demo 下面,新建一个文件 ... 名字是 view_demo.dart ..

文件的一开始 .. 先导入 flutter 这个包里的 material ..

然后创建一个 class .. 名字叫 ViewDemo .. 让它继承一下 StatelessWidget ... 在这个类里面,再添加一个 build 方法 ..

方法 return 的应该是一个小部件 .. 先添加一个 Container ..

回到 main.dart .. 在文件的顶部 .. 再导入一下刚才创建的 view_demo.dart ..

这个课程我们要做的练习,会放在这个 ViewDemo 里面 ...

创建 ViewDemo 小部件《 Flutter 移动应用:视图 》

统计

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

社会化网络

关于

微信订阅号

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