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