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

Posted 2021-09-07 Ever69

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