How to dismiss flutter dialog? - dialog

Question

I am new to flutter, I want to dismiss my dialog after the task completion. I've tried with:
Navigator.pop(context, true);
But my screen is getting black and dialog is still up there. here is my dialog code.
Dialog _dialog = new Dialog(
child: new Row(
mainAxisSize: MainAsixSize.min,
children: <Widget> [
new CircularProgressIndicator(),
new Text("Loading")]),
);

Answer 1

https://docs.flutter.io/flutter/material/showDialog.html says
The dialog route created by this method is pushed to the root navigator. If the application has multiple Navigator objects, it may be necessary to call Navigator.of(context, rootNavigator: true).pop(result) to close the dialog rather just Navigator.pop(context, result).
so I'd assume one of these two should do what you want.

Answer 2

This code works for me:
BuildContext dialogContext;
showDialog(
context: context,
barrierDismissible: false,
builder: (BuildContext context) {
dialogContext = context;
return Dialog(
child: new Row(
mainAxisSize: MainAxisSize.min,
children: [
new CircularProgressIndicator(),
new Text("Loading"),
],
),
);
},
);
await _longOperation();
Navigator.pop(dialogContext);

Answer 3

If you don't want to return any result after showDialog is closed, you can use
Navigator.pop(context);
If you want to pass result call
Navigator.pop(context, result);
Example:
showDialog(
context: context,
builder: (_) {
return AlertDialog(
title: Text('Wanna Exit?'),
actions: [
FlatButton(
onPressed: () => Navigator.pop(context, false), // passing false
child: Text('No'),
),
FlatButton(
onPressed: () => Navigator.pop(context, true), // passing true
child: Text('Yes'),
),
],
);
}).then((exit) {
if (exit == null) return;
if (exit) {
// user pressed Yes button
} else {
// user pressed No button
}
});

Answer 4

//it work conrrectly
onPressed: () {
Navigator.of(context, rootNavigator: true).pop();
},

Answer 5

Generally Navigator.pop(context); works.
But If the application has multiple Navigator objects and dialogBox doesn't close, then try this
Navigator.of(context, rootNavigator: true).pop();
If you want to pass result call, try
Navigator.pop(context,result);
OR
Navigator.of(context, rootNavigator: true).pop(result);

Answer 6

Better to use Completer, because if your operation is too short or the device is too slow, then the dialogContext variable will not be initialized and you can't close the dialog.
final dialogContextCompleter = Completer<BuildContext>();
showDialog<void>(
context: context,
barrierDismissible: false,
builder: (BuildContext dialogContext) {
if(!dialogContextCompleter.isCompleted) {
dialogContextCompleter.complete(dialogContext);
}
return AlertDialog(
content: CircularProgressIndicator(),
);
},
);
// Close progress dialog
final dialogContext = await dialogContextCompleter.future;
Navigator.pop(dialogContext);

Answer 7

This will close dialog/alert box
Navigator.of(context).pop();

Answer 8

showDialog(
context: context,
builder: (BuildContext context) => Center(
child: CircularProgressIndicator(),
),
);
await Future<int>.delayed(Duration(seconds: 3));
Navigator.of(context, rootNavigator: true).pop();

Answer 9

Add on to Günter's answers. If you need to dismiss it when the user clicks elsewhere
change this property to true
barrierDismissible: true,

Answer 10

Try this. It will definitely work. use the context of pageBuilder in Navigator to pop the dialog from screen.
showGeneralDialog(
context: context,
barrierLabel: "XYZ",
barrierDismissible: true,
barrierColor: Colors.black.withOpacity(0.7),
pageBuilder: (dialogContext, __, ___) {
return Center(
child: Container(
height: 240,
margin: const EdgeInsets.symmetric(horizontal: 15),
decoration: bd,
child: SizedBox.expand(
GestureDetector(
onTap: (){
Navigator.pop(dialogContext);
},
child: const Padding(
padding: EdgeInsets.fromLTRB(10,0,10,0),
child: Icon(Icons.close, size: 26, color:Colors.white),
),
),
)
)
);
}
);