Flutter Dialog Dismiss Required Before Further Action

Question

I'm trying to make a popup menu for my appbar, but when the menu is open, I cannot press a button on the scaffold before dismissing it first. This is similarly true for dialog widgets.

How can I override this behavior? I wish for widgets like popupmenu and dialog to behave the same, and be dismissable in a similar way, except not block any other interactions when clicking outside barrier.

Can you provide sample snippet? – Md. Yeasin Sheikh Jun 06 '22 at 16:09 — Md. Yeasin Sheikh, Jun 06 '22 at 16:09

score 0 · Answer 1 · answered Jun 06 '22 at 17:44

0

Just invoke the method showDialog() that have a bool barrierDismissible. Pass it to true.

Example :

showDialog(
    barrierDismissible: true,
    context: context,
    builder: (BuildContext context) {
        return AlertDialog(
            title: const Text("Dismiss Barrier"),
            shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(30),
            ),
            ...
        );
    }
);

answered Jun 06 '22 at 17:44

RBE

87
3

this bool is true by default, not relevant to my question. the situation is I want to click buttons where the dark background usually is without double clicking (1. dismiss 2. onpressed) – weg Jun 06 '22 at 18:23

score 0 · Answer 2 · answered Jun 07 '22 at 13:58

0

Try to use OverlayEntry
Follow this tutorial to understand the different between ShowDialog and OverlayEntry

answered Jun 07 '22 at 13:58

Drogbut

37
4

weg · Answer 3 · 2022-06-07T21:28:41.930

0

I would recommend anyone who runs into this problem to use flutter_smart_dialog.
Call SmartDialog.show(...) and specify usePenetrate: true.
Otherwise follow Drogbut's answer

edited Jun 07 '22 at 21:28

answered Jun 07 '22 at 18:59

weg

11
2

Flutter Dialog Dismiss Required Before Further Action

3 Answers3