Flutter How to block dismiss dialog inside Dialog Widget

Question

I want to display a custom dialog through a button. But i don't want user dismiss the dialog when touching exterior area.

I know that barrierDismissible: false, works but only in showDialog widget. In this case i need to do that but in Dialog widget.

This is what i have:

//RC
class ShowDialogGameOver2RC extends StatefulWidget {
  ShowDialogGameOver2RC({required this.score});

  late int score;

  @override
  State<ShowDialogGameOver2RC> createState() => _ShowDialogGameOver2RC();
}


// class dialog GameOver
class _ShowDialogGameOver2RC extends State<ShowDialogGameOver2RC> {
  @override
  Widget build(BuildContext context) {
    return Dialog(

      barrierDismissible: false //it doesn't work

      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)),
      elevation: 2,
      backgroundColor: Colors.transparent,
      child: _buildChild(context),
    );
  }

How do you show this ShowDialogGameOver2RC Widget as a popup? You may need to pass the dismissible flag there. — Dániel Rózsa
– Dániel Rózsa, Commented Aug 16, 2022 at 16:37
Dialog is just a Widget, rendered like any other widget. Could you add the code where you create your ShowDialogGameOver2RC, please? — Dániel Rózsa
– Dániel Rózsa, Commented Aug 16, 2022 at 19:23

Md. Yeasin Sheikh · Accepted Answer · 2022-08-16 18:01:12Z

1

Use Stack and place 1st widget as GestureDetector

class _ShowDialogGameOver2RCState extends State<ShowDialogGameOver2RC> {
  bool showDialog = true;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: [
          GestureDetector(
            onTap: () {
              setState(() {
                showDialog = !showDialog;
              });
            },
          ),
          if (showDialog)
            Dialog(
              // barrierDismissible: false //it doesn't work

              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(15)),
              elevation: 2,
              backgroundColor: Colors.transparent,
              child: Container(
                child: Column(
                  children: [Text("tada")],
                ),
              ),
            ),
        ],
      ),
    );
  }
}

edited Aug 16, 2022 at 18:01

answered Aug 16, 2022 at 16:53

Md. Yeasin Sheikh

64.8k7 gold badges50 silver badges86 bronze badges

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

2 Comments

Carlos Peñaranda Over a year ago

i am not working with showDialog widget. I am working with only Dialog

Md. Yeasin Sheikh Over a year ago

Try current snippet

Collectives™ on Stack Overflow

Flutter How to block dismiss dialog inside Dialog Widget

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related