解决:Flutter 关闭Dialog退出App问题

Posted Ever69

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决: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的混合项目,为什么会有这种差异,我也不清楚。。。但事实就是这样,如果哪位大佬知晓原因,可以评论区评论一下,让我长长见识~

以上是关于解决:Flutter 关闭Dialog退出App问题的主要内容,如果未能解决你的问题,请参考以下文章

解决:Flutter 关闭Dialog退出App问题

Flutter中showDialog()后关闭Dialog

Android 全局弹窗(Dialog)快速实现

android dialog怎么关闭

这一次,解决Flutter Dialog的各种痛点

Flutter - 退出App