US Office

1176 Shadeville Rd, Crawfordville Florida 32327, USA

 +1 (850) 780-1313

India Office

Office No 405, Kabir Shilp, Opp. Kansar Hotel, Opp. Landmark, Kudasan, Gandhinagar, Gujarat 382421

[email protected]

How to show and Dismiss Dialogs In Flutter?

How to Dismiss Dialog In Flutter

How to show and Dismiss Dialogs In Flutter?

When a user needs to perform some operation on data from the mobile application. Users need to get permission that may ask the user to confirm the action. So once the user is displayed a DialogBox it needs to dismiss after getting confirmation. So in this article, we will go through How to Show and Dismiss Dialog In Flutter?

Also, go through what is Dismissible Widget in Flutter?

Tips to Show and Dismiss Dialog In Flutter

To Dismiss Dialog user needs to make use of an inbuilt class like showDialog.

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).

Consider a code snippet like below:

late BuildContext dialogContext;// global declaration
   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();// asynchronous operation 
 Navigator.pop(dialogContext);// pop dialog with use of Dialog context

If you don’t want to return any result after showDialog is closed, you can use it.


If you want to pass the result call.

Navigator.pop(context, result);

An example will have a code snippet like the below:

    context: context,
    builder: (_) {
      return AlertDialog(
        title: Text('Wanna Exit?'),
        actions: [
            onPressed: () => Navigator.pop(context, false), // passing false
            child: Text('No'),
            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

The below code will close AlertBox/DialogBox in Flutter.



In this article, We have been through How to Show and Dismiss Dialog In Flutter?

Keep Learning !!! Keep Fluttering !!!

Do check the article on Dismissible Widget.

Still, need Support for Flutter Development? Do let us know. is our portal Platform dedicated to Flutter Technology and Flutter Developers. The portal is full of cool resources from Flutter like Flutter Widget GuideFlutter ProjectsCode libs and etc. is one of the most popular online portals dedicated to Flutter Technology and daily thousands of unique visitors come to this portal to enhance their knowledge of Flutter.

Post a Comment