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

)

score 22 · Answer 1 · answered Aug 31 '20 at 08:53

22

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

answered Aug 31 '20 at 08:53

Yusuf Fathi

260
3
6

3

Can you please explain what it does? – Pratik Butani Mar 06 '21 at 06:22
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. – Ayoub Boumzebra Apr 05 '23 at 11:10

score 9 · Answer 2 · answered Nov 26 '20 at 05:08

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 '20 at 05:08

Rituraj Shakti

425
6
4

score 8 · Answer 3 · answered Oct 30 '20 at 23:28

8

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 '20 at 23:28

Prashant

191
2
6

1

It worked in my case as well, but I don't understand what is it for. Can you elaborate a little bit more? – V Nikoyan Jun 24 '21 at 16:36

score 5 · Accepted Answer · answered Sep 21 '18 at 21:39

5

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

answered Sep 21 '18 at 21:39

shakil.k

1,623
5
17
27

2

What's the difference between those two ? – Dinesh Balasubramanian Sep 22 '18 at 02:57
1

@DineshBalasubramanian AFAIK, both are supposed to do some work. Maybe one of them is added in latest version of the SDK. – CopsOnRoad Sep 22 '18 at 05:35
4

please kindly explain how this answer solve the problem? – stackunderflow Jan 04 '20 at 13:03
See source of flutter, both is same ```static void pop(BuildContext context, [ T result ]) { Navigator.of(context).pop(result); }``` – WebMaster Nov 10 '20 at 09:55

score 4 · Answer 5 · answered Sep 21 '18 at 21:56

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 '18 at 21:56

Rohan Taneja

9,687
3
36
48

11

You only need to use `true` or `false` if previous screen is expecting some result. – CopsOnRoad Sep 22 '18 at 05:31

score 0 · Answer 6 · answered May 23 '22 at 17:11

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.

Flutter "showDialog" with Navigator.pop()

6 Answers6

Linked