Drawer:抽屉的打开与关闭

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

用户可以在屏幕边缘使用扫动手势打开或者关闭抽屉 .. 默认在 AppBar 的 leading 位置上会 显示一个图标按钮 .. 使用它也可以控制抽屉的状态 ..

暂时这个图标按钮不管用 .. 是因为这个按钮是我们自己在 leading 这个位置上添加的 .. 这个按钮上还没有设置要执行的动作 ..

这里可以先把在 AppBar 里面把我们自己添加的这个 leading 去掉 ... 保存一下 ..

现在,在 AppBar 上显示的这个菜单图标按钮是自动加上去的 .. 使用它可以打开 ... 或者关闭抽屉 ...

一般在抽屉上做了某些动作以后,需要关掉抽屉 .. 比如按了 ListTile 里的标题以后 ... 可以关掉抽屉 ..

先找到一个 ListTile .. 里面添加一个 onTap .. 设置一下点按以后的行为 .. 关掉抽屉可以用一下 Navigator 上的 pop 这个方法 .. 把 context 交给这个方法 ..

复制一下 ... 把这个 onTap 放到其它的两个 ListTile 里面 ..

再到模拟器上试一下 .. 按下这个菜单按钮 .. 打开抽屉 .. 打开以后,再按一下在上面显示的这些标题 .. 这样会关掉打开的抽屉。

Drawer:抽屉的打开与关闭《 Flutter 移动应用:界面结构 》

统计

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

社会化网络

关于

微信订阅号

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