创建 DrawerDemo 小部件

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

关于 Drawer 的使用我们暂时先练到这 .. 下面可以把这块跟抽屉相关的代码单独放在一个部件里面 .. 剪切一下这个 Drawer ... 换成一个 DrawerDemo() ..

打开资源管理器 ... 在项目的 lib ... demo 的下面新建一个文件 .. 名字是 drawer_demo.dart ...

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

下面再新建一个 class .. 名字是 DrawerDemo .. 继承一下 StatelessWidget ...

在类里面添加一个 build 方法 ..

然后让这个方法 return 之前我们用的 Drawer 小部件 .. shift + alt + F .. 格式化一下代码 ..

再回到 main.dart ...

在文件的顶部导入刚才创建的 demo 目录下面的这个 drawer_demo.dart ...

保存 ... 再预览一下 ... 界面上的这个 Drawer 仍然会显示在这里 ..

创建 DrawerDemo 小部件《 Flutter 移动应用:界面结构 》

统计

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

社会化网络

关于

微信订阅号

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