Flutter "showDialog" with Navigator.pop()

Question

I have problem with showDialog, when i press nothing happens but if i use Navigator.pushNamed(context, "/screen1") it works. I can not run Navigator.pop(context), it does not return any errors.

_showDialog(BuildContext context) {
return showDialog(
    context: context,
    builder: (BuildContext context) {
      return AlertDialog(
        title: new Text("Alert Dialog title"),
        actions: <Widget>[
          new FlatButton(
            child: new Text("Back"),
            onPressed: () {
              //Navigator.pushNamed(context, "/screen1");
              Navigator.pop(context);
            },
          ),
        ],
      );
    });}

In my build() :

IconButton(
iconSize: 30.0,
onPressed: () => _showDialog(context),
icon: Icon(
  Icons.clear,
  color: Colors.white,
 ),

)

Yusuf Fathi · Accepted Answer · 2020-08-31 08:53:48Z

27

had the same issue .having useRootNavigator: false, in showDialog params solved my issue .

answered Aug 31, 2020 at 8:53

Yusuf Fathi

3094 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Pratik Butani Over a year ago

Can you please explain what it does?

Ayoub BOUMZEBRA Over a year ago

The useRootNavigator argument is used to determine whether to push the dialog to the Navigator furthest from or nearest to the given context. By default, useRootNavigator is true and the dialog route created by this method is pushed to the root navigator. It can not be null.

Prashant · Accepted Answer · 2020-10-30 23:28:52Z

13

The above answer should be accepted for this question, just elaborating the above answer

return showDialog(
context: context,
useRootNavigator: false, //this property needs to be added 
builder: (BuildContext context) {....});

answered Oct 30, 2020 at 23:28

Prashant

2413 silver badges7 bronze badges

1 Comment

V Nikoyan Over a year ago

It worked in my case as well, but I don't understand what is it for. Can you elaborate a little bit more?

Rituraj Shakti · Accepted Answer · 2020-11-26 05:08:52Z

9

Use pop() two times:-

Navigator.of(context).pop(); Navigator.of(context).pop();

Reason: first pop function dismiss the dialog and Second pop function close the screen

answered Nov 26, 2020 at 5:08

Rituraj Shakti

4936 silver badges6 bronze badges

Comments

shakil.k · Accepted Answer · 2018-09-21 21:39:57Z

4

Try calling Navigator.of(context).pop(); instead of Navigator.pop(context);

answered Sep 21, 2018 at 21:39

shakil.k

1,7315 gold badges17 silver badges27 bronze badges

4 Comments

Dinesh Balasubramanian Over a year ago

What's the difference between those two ?

CopsOnRoad Over a year ago

@DineshBalasubramanian AFAIK, both are supposed to do some work. Maybe one of them is added in latest version of the SDK.

stackunderflow Over a year ago

please kindly explain how this answer solve the problem?

A.A Over a year ago

See source of flutter, both is same static void pop<T extends Object>(BuildContext context, [ T result ]) { Navigator.of(context).pop<T>(result); }

Rohan Taneja · Accepted Answer · 2018-09-21 21:56:40Z

4

For closing dialogs, you can also use:

Navigator.pop(context, true);

Source: https://docs.flutter.io/flutter/widgets/Navigator/pop.html

answered Sep 21, 2018 at 21:56

Rohan Taneja

10.9k3 gold badges41 silver badges53 bronze badges

1 Comment

CopsOnRoad Over a year ago

You only need to use true or false if previous screen is expecting some result.

satler · Accepted Answer · 2022-05-23 17:11:50Z

2

For those who have nested/multiple Navigators, you can also use the pop method as shown below (notice the named parameter rootNavigator set to true):

Navigator.of(context, rootNavigator: true).pop();

As suggested by others, I tried setting the useRootNavigator in the showDialog as false but this way the barrierColor wasn't covering the whole screen (it was only covering the screen displayed by Navigator object the dialog was in).

In summary, you can use the way showed above if you have nested navigators and want to achieve having the barrierColor covering the whole screen.

answered May 23, 2022 at 17:11

satler

951 gold badge3 silver badges11 bronze badges

1 Comment

Sha-agi Over a year ago

Dude this saved me. I just had a situation with an opened custom dropdown with an internal button that opens an alertdialog. Had trouble with the navigator dismissing the opened dropdown instead of the alertdialog. Thanks!

Collectives™ on Stack Overflow

Flutter "showDialog" with Navigator.pop()

6 Answers 6

2 Comments

1 Comment

Comments

4 Comments

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

2 Comments

1 Comment

Comments

4 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related