Flutter Tutorial - How To Overlay Widgets On Top | The Right Way | Scrolling Overlay Widget

HeyFlutter․com · 43K views · 2021 · 7:40

Open on YouTube

Software (other)UX & UI designtutorial

Why Stack Overflow recommends it

Stack Overflow users link it when answering Flutter questions about showing a widget, such as a rating bar or expanding menu, on top of the rest of the UI using OverlayEntry instead of a dialog.

Recommended by 2 people across 2 different months, 2022 to 2024.

What it is

A short Flutter tutorial by Johannes Milke (HeyFlutter) showing how to build an overlay widget that sits on top of other widgets and scrolls with the page. It walks through OverlayEntry-based code with a linked GitHub example project.

What people said

Recommends Drogbut · 2022-06 · Stack Overflow · on “Flutter Dialog Dismiss Required Before Further Action”

Try to use OverlayEntry [LINK] Follow this tutorial [this video] to understand the different between ShowDialog and OverlayEntry

Recommends salim.elkh · 2024-01 · Stack Overflow · on “How to Add Rating Bar that shows up on button hover in Flutter/Dart?”

Hi and welcome to Flutter, You can use a GestureDetector to capture long-press (onLongPress) and when it stops(onLongPressEnd). onLongPress you can show the Rating widget, and onLongPressEnd you can hide it. For more info: [LINK] For the rating widget, you can use a popular package that handles this: [LINK] EDIT: You can use an overlay to show the rating bar on top of your widget. Here is a useful tutorial: [this video]

Cites Rinaldi Segecin · 2022-08 · Stack Overflow · on “How to make a widget that its children can expand over its parent not in the same stack?”

Post as an answer so I can mark as correct. That's exactly what I needed. For future reference [this video] Thank you.