IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 解决:Flutter 关闭Dialog退出App问题 -> 正文阅读

[移动开发]解决:Flutter 关闭Dialog退出App问题

最近使用Flutter重写替换了原生的一部分页面,页面中有到Dialog,结果弹出的时候好好的,关,关不掉了,一点确认或取消按钮就直接将App退到后台了,这让我百思不得其解,之前也有用过Flutter的Dialog,也没出现过这种情况啊,明明是一毛一样的代码。

就是这段代码

showDialog(
                      context: context,
                      barrierDismissible: true,
                      builder: (buildContext) => AlertDialog(
                            title: Text("Accept?"),
                            content: Text("Do you accept?"),
                            backgroundColor: Colors.amberAccent,
                            actions: [
                              RaisedButton(
                                  onPressed: () {
                                    Navigator.pop(context);
                                  },
                                  child: Text("No")),
                              RaisedButton(
                                  onPressed: () {
                                    Navigator.pop(context);
                                  },
                                  child: Text("Yes"))
                            ],
                          ));

既然自己看不出端倪,那么就靠大家把,最终在谷哥度娘的帮助下,解决了这个问题。

大家都知道,在Flutter,取消一个Dialog、BottomSheet,或者是退出一个页面,只需要调用Navigator.pop()方法,并向其传递一个上下文即可,而本次问题,出就出在了上下文上面,一开始我是将Widget的上下文传递进去进行调用的,结果App直接退到了后台,大家仔细看看上面代码不难发现,其实showDialog方法给我们提供了一个上下文,就是内个buildContext,在关闭弹窗的地方,我们只需将Widget的上下文替换成它传递给pop方法,即可正确关闭Dialog。

showDialog(
                      context: context,
                      barrierDismissible: true,
                      builder: (buildContext) => AlertDialog(
                            title: Text("Accept?"),
                            content: Text("Do you accept?"),
                            backgroundColor: Colors.amberAccent,
                            actions: [
                              RaisedButton(
                                  onPressed: () {
                                    Navigator.pop(buildContext);
                                  },
                                  child: Text("No")),
                              RaisedButton(
                                  onPressed: () {
                                    Navigator.pop(buildContext);
                                  },
                                  child: Text("Yes"))
                            ],
                          ));

就是这么一个细小的差别,实现的效果却完全不一样。

最后,再插几句。

前面我说过,一毛一样的代码,之前就能正确关闭,现在却不行,这是为啥呢?

因为之前我内个是纯Flutter项目,现在这个是原生和Flutter的混合项目,为什么会有这种差异,我也不清楚。。。但事实就是这样,如果哪位大佬知晓原因,可以评论区评论一下,让我长长见识~

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-08-23 16:48:38  更:2021-08-23 16:50:50 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 9:54:34-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码