Flutter: Hide first alert dialog when other is shown

Question

I want to hide the first alert dialog when I call showDialog() from it. After that when I close the second dialog I want the first dialog was visible again. How I can achieve this?

Answer 1

Before you call second dialog, use Navigator.of(context).pop() to close first dialog. Then, in the second one, you have functions then((value) {...}) or whenComplete(() {...}), inside that you can use it to re-open first dialog.

That's strange that you want to close first one, why don't you just leave it alone and let the second lies on it?

Answer 2

You can create common dialog to show data. if its already showing then just update data only.

Answer 3

showDialog return a future and you can pass data from dialog. The concept is here passing some flag to open the second dialog.

onPressed: () async {
  final data = await showDialog(
      context: context,
      builder: (context) {
        return AlertDialog(
          content: ElevatedButton(
            onPressed: () {
              Navigator.of(context)
                  .pop(true); // true for to show second dialog
            },
            child: Text("open Second dialog"),
          ),
        );
      });

  if (data == true) {
    showDialog(
        context: context,
        builder: (context) {
          return AlertDialog(
            title: Text("Second dialog"),
          );
        });
  }
},