用户登录

现在订阅年付会员多送 6 个月,重订、续订多送 12 个月(最后 5 天)。订阅 →

先打开这个 Modal BottomSheet,下面我们可以根据用户在这个 BottomSheet 上的选择去做一些事情 .. 用户按了 我们在 BottomSheet 上添加的这些 ListTile ,会调用 ListTile 的 onTap 属性指定的方法 .. 先添加一个 onTap .. 在这个方法里面 .. 用一下 Navigator.pop .. 一个 context ... 再加上一个选项的值 .. 直接用一个字符串 A ..

复制一下这个 onTap .. 把它粘贴到另外两个 ListTile 里面 .. 修改一下值 .. 这个是 B .. 最后这个是字符 C...

showModalBottomSheet 方法会返回 Future .. 所以想要得到它最终返回的值需要用一个 await ... 这样需要把 _openModalBottomSheet 方法标记成是一个 async 方法 ..

这个方法返回的是 Future .. 在文件的顶部 .. 再导入一个包 .. 名字是 dart:async ..

下面给 showModalBottomSheet 返回的值起个名字 .. 比如 option ...

然后在下面直接在调试控制台上输出这个 option 的值 ..

打开浏览器的调试控制台 ..

再到模拟器上试一下 .. 按一下 Option A ... 控制台上会输出一个字符串 A .. 按了 ListTile 会执行 Navigator.pop 关掉当前对话框 .. 同时还会带着一个值 .. 这里我们就是在调试控制台上输出了这个值 ..

处理使用对话框式底部滑动窗口的数据《 Flutter 移动应用:对话框 》

统计

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

社会化网络

关于

微信订阅号

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