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

最新推荐文章于 2025-06-09 09:00:00 发布

原创最新推荐文章于 2025-06-09 09:00:00 发布 · 3.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#android #flutter #dialog

Flutter 专栏收录该内容

12 篇文章

订阅专栏

在混合原生和Flutter的项目中，遇到一个Dialog无法正常关闭的问题，点击关闭按钮导致App退到后台。问题出在使用了错误的上下文，原本使用的是Widget的上下文，而应使用`showDialog`提供的`buildContext`来调用`Navigator.pop()`。修正后，Dialog能正确关闭。这个问题在纯Flutter项目中未出现，可能是混合项目导致的差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近使用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的混合项目，为什么会有这种差异，我也不清楚。。。但事实就是这样，如果哪位大佬知晓原因，可以评论区评论一下，让我长长见识~