Disable page interaction when bottomsheet is open

Actions & Logic
Resolved

Hi there,

I'm making this app where the main page is a map (Google Map widget). Upon pressing a marker on the map it opens a bottomsheet.

Unfortunately when interacting with the bottomsheet, say dragging it, touching anything, it also still interacts with the map underneath. To the extend where i can open up multiple of the same bottomsheets by pressing the marker again that isn't even visible anymore (under the bottomsheet).

The first image shows the configuration of the show bottomsheet upon pressing a marker. The second image shows me opening two of the same bottomsheets while clicking the same marker through the already opened bottomsheet.

What have you tried so far?

I figured I could set a page state boolean that keeps track of opened bottomsheets, and upon pressing the button it could check if one was open already. Then block if that is the case. However this doesn't disable other interaction with the map. Dragging etc.

Did you check FlutterFlow's Documentation for this topic?
Yes
1
5 replies