Dismissing AlertDialog in Flutter

Question

I have simple Flutter app with list of items that are loaded from Firebase database (Cloud Firestore).

As you can see - there is button for adding items and each item can be deleted or edited. When I press edit button for selected item, AlertDialog with TextField appears, in this TextField user can see current item name and edit it. I have problems only with dismissing dialog after editing.

   new IconButton(
      icon: new Icon(Icons.edit, color: Colors.white),
      onPressed: (){ showItemUpdateDialog(context, document); }
   )
   .......


void showItemUpdateDialog(BuildContext context, DocumentSnapshot item) {

  String itemName = "";
  var textContoller = new TextEditingController();
  textContoller.text = item['name'];

  var dialog = new AlertDialog(
    title: new Text("item name"),
    content: new TextField(
      controller: textContoller,
      onChanged: (value) {newName = value;},
    ),
    actions: <Widget>[
      new FlatButton(
        child: Text("cancel"),
        onPressed: (){
          Navigator.pop(context);
        },
      ),
      new FlatButton(
          child: Text("Update"),
          onPressed: () { 
            updateItemOnServer(item, newName); 
            Navigator.pop(context); 
          }
      )
    ],
  );

  showDialog(context: context, child: dialog);
}

Value is updating correctly but AlertDialog is not dismissed. Error code is below. I think that it is due to that is was called by item that was modified and updated from server.

flutter: The following assertion was thrown while handling a gesture: flutter: Looking up a deactivated widget's ancestor is unsafe. flutter: At this point the state of the widget's element tree is no longer stable. To safely refer to a flutter: widget's ancestor in its dispose() method, save a reference to the ancestor by calling flutter: inheritFromWidgetOfExactType() in the widget's didChangeDependencies() method.

Hello @moonvader Can you Please Help Me Out i want to implement same functionalities like you here is My question : stackoverflow.com/questions/61092208/… — Jaspalsinh Gohil
– Jaspalsinh Gohil, Commented Apr 8, 2020 at 2:08

Munsif Ali · Accepted Answer · 2025-03-07 09:00:11Z

14

Try this,

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

edited Mar 7 at 9:00

Munsif Ali

7,9377 gold badges35 silver badges66 bronze badges

answered Aug 21, 2018 at 6:58

Shanmugavel GK

3783 silver badges13 bronze badges

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

3 Comments

skit456 Over a year ago

Thank you for this! I had multiple navigators in my app and I couldn't figure out why none of the other answers would work for me.

Jatin Lalwani Over a year ago

@shanmugavel-gk can you please explain why does this work?

RobDil Over a year ago

From the docs: If rootNavigator is set to true, the state from the furthest instance of this class is given instead. Useful for pushing contents above all subsequent instances of Navigator.

Munsif Ali · Accepted Answer · 2025-03-07 09:00:49Z

7

With the latest Flutter use:

Navigator.of(context).pop();

instead of

Navigator.pop(context);

For some reason it pops twice from the stack when popping Dialog

Do let me know if this solves the problem!

edited Mar 7 at 9:00

Munsif Ali

7,9377 gold badges35 silver badges66 bronze badges

answered May 13, 2018 at 14:17

Arnold Parge

6,9052 gold badges32 silver badges35 bronze badges

Comments

Viren V Varasadiya · Accepted Answer · 2018-08-21 12:05:56Z

2

Try This,

Navigator.popUntil(context, ModalRoute.withName('/login'));

answered Aug 21, 2018 at 12:05

Viren V Varasadiya

27.4k9 gold badges49 silver badges69 bronze badges

Collectives™ on Stack Overflow

Dismissing AlertDialog in Flutter

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related