热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

出色的对话框未在Flutter应用中关闭

我在flutter应用程序中使用了Awesom

我在flutter应用程序中使用了Awesome Dialog,但是当我单击OK时,它只是导航到另一个屏幕而没有关闭。
这是我的代码。

Future requestSupport(String userid,String supportType,String duration) async {
final respOnse=
await http.post('http://url/api/Support',headers: {"Content-Type": "application/json",'accept': 'application/json',},body: json.encode({'userid' : userid,'supportType' : supportType,'duration' : duration}));
if (response.statusCode == 200) {
showAlertDialogOnOkCallback();
}
}
void showAlertDialogOnOkCallback() {
AwesomeDialog(
context: context,animType: AnimType.LEFTSLIDE,dialogType: DialogType.SUCCES,tittle: 'Success',desc:
'You have been entered into the queue,press OK to go back.',btnOkOnPress: () { },btnOkIcon: Icons.check_circle,onDissmissCallback: () {
debugPrint('Dialog Dissmiss from callback');
}).show();
}
}


尽管该图书馆的doc说,


  

处理正按钮单击,关闭对话框的功能在内部处理。



更新:我自己尝试过,并且使用的方法很好,
我按下了按钮以打开对话框,

RaisedButton(
child: Text("ok",),onPressed: () {
open();
},

由于默认情况下我使用Navigator.pop(context);的库来关闭对话框,因此使用btnOkOnPress返回到上一个屏幕

void open() {
AwesomeDialog(
context: context,dialogType: DialogType.INFO,animType: AnimType.BOTTOMSLIDE,tittle: 'Dialog Title',desc:
'Dialog description here',btnCancelOnPress: () {},btnOkOnPress: () {
Navigator.pop(context);
}).show();
}

注意:我导航到屏幕,该屏幕上有Navigator.pushNamed的对话框。因此,如果调用Navigator.pop(context);,则仅返回此屏幕。

Navigator.pushNamed(context,RouteName.ReportScreen);

输出:

enter image description here

,

我无法复制您的问题。我在点击RaisedButton时使用了一个简单的AwesomeDialog。然后点击对话框的OK按钮将其正确关闭。我还通过在单击确定按钮时添加导航功能进行了测试,该功能可以关闭对话框并导航至下一个屏幕。我使用的代码:

body: Center(
child: RaisedButton(
onPressed: () {
_openDialog();
},child: Text('Tap')
)
)
void _openDialog() {
AwesomeDialog(
context: context,animType: AnimType.LEFTSLIDE,dialogType: DialogType.SUCCES,tittle: 'Success',desc:
'You have been entered into the queue,press OK to go back.',btnOkOnPress: () {
Navigator.push(context,MaterialPageRoute(builder: (context) => PageB()));
},btnOkIcon: Icons.check_circle,onDissmissCallback: () {
debugPrint('Dialog Dissmiss from callback');
}).show();
}

控制台输出:

I/flutter (13279): Dialog Dissmiss from callback
I/flutter (13279): Dialog Dissmiss from callback

希望这会有所帮助。

,

我正在尝试使用 Awesome Dialogue,然后使用属性“useRootNavigator”并将其设置为 true。

AwesomeDialog(
useRootNavigator: true,context: context,headerAnimationLoop: false,title: 'Go',desc: 'Continue Adding ',btnOkOnPress: () {
Navigator.push(
context,MaterialPageRoute(builder: (context) => Page2()));
},btnOkIcon: Icons.receipt,onDissmissCallback: () {
debugPrint('Dialog Dissmiss from callback');
},btnOkText: "Add More members",btnCancelOnPress: () {
Navigator.push(
context,new MaterialPageRoute(builder: (context) => Home()));
},btnCancelIcon: Icons.home,btnCancelText: "Go to Home Page")
..show();

推荐阅读
author-avatar
HoerenRegen
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有