Mick Gow
 · UX Designer armed with a swiss army knife of skills

Sticky appbar onScroll

Anyone know if there is a way to achieve this type of layout (where the content goes all the way to the top of the screen) but when a user scrolls, there's a appbar that sticks?

I've seen lots of solutions in vanilla Flutter, but can't seem to find a way in Flutterflow.
- I can make a regular appbar with a white background above the image but not the design I'm going for
- I can make the appbar have no background, but there's no way to make the image below it go under the app bar (that I can tell) where after scrolling, the background fills with white

A lot of mobile apps have this behaviour of sticky appbars that only appear after scrolling.

Example of what I'm referring to...


Here's my specific design challenge...
- looks like below
- after scrolling down past the white part, make a white appbar sit on top of the content



NOTE: Sorry I can't reply... new forums won't let me. I can post, but not reply to any posts. I saw something on a post saying you have to "join" the space to reply, but it looks like I have joined the spaces.

3
3 replies