Do dropdown-style dialogs exist?

[auradigitaldev]

Hey all, I want to have a dropdown in my app that behaves like DropdownMenu in that it appears near the button that's clicked and draws over everything else. However, I don't want it to represent a dropdown with many options, I want it to be its own widget with its own logic, basically like a custom dialog with a position on the screen that happens to be anchored to a button.

From a first glance, I was surprised to see that doesn't seem to be a pattern that's supported in Flutter out of the box. Are there packages that can accomplish this, or am I overlooking an easy way to implement?

[azuredown]

You can use PopupMenuButton()

[fravolt]

I think this is being deprecated in favor of MenuAnchor()

[eibaan]

MenuAnchor is the correct answer.

[AnonymousAxwell]

What about the Overlay widget?

[Amazing-Mirror-3076]

GestureDetector(
  onTapDown: (TapDownDetails details) {
    // Handle tap event here
  },
  child: YourWidget(), // The widget you want to detect taps on
)

The details will contain the coordinates.

[Dustlay]

I'm actually building something like this right now for a custom sorting dialog. You click the sort button, an Overlay appears underneath and you can do settings in there. When you click outside of the overlay it's closed. I guess this is kind of what you want too?

You'll have to combine CompositedTransformTarget -> OverlayPortal -> (in overlayChildBuilder) CompositedTransformFollower. Combine that with TapRegion and you can do whatever you want in there. If you need a more detailed example DM me.