作者:HoerenRegen | 来源:互联网 | 2023-10-13 12:34
我在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);
输出:
,
我无法复制您的问题。我在点击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();