how to make showModalBottomSheet background become pressable

Question

just like the title says, when the showModalBottomSheet appear i want to press some button in the body/screen without closing the showModalBottomSheet i already set

isDismissible: false,
barrierColor: Colors.transparent,

but no button can be press

I suppose you can't. This is why it is called "modal". – Patrick Feb 19 '22 at 10:23 — Patrick, Feb 19 '22 at 10:23

score 1 · Accepted Answer · answered Feb 19 '22 at 13:14

The short answer to your question is to wrap your bottom sheet with a GestureDetector and to do some processing in there yourself and avoid the touch event to get to the modal sheet. Here is a link to a similar answer on SO.

From what I understand, ModalBottomSheet internally uses BottomSheet and its code, where the actual presentation is done looks like this:

return AnimatedBuilder(
  animation: widget.route!.animation!,
  child: BottomSheet(
    animationController: widget.route!._animationController,
    onClosing: () {
      if (widget.route!.isCurrent) {
        Navigator.pop(context);
      }
    },

If you look at the onClosing() callback, it simply dismisses the object without checking with any external callbacks so I don't really think you can achieve that with a modal bottom sheet in Flutter without wrapping it inside a GestureDetector

how to make showModalBottomSheet background become pressable

1 Answers1