You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
Material Toolbar "Flexible space with overlapping content" feature #404
The tricky part is the paint order. Other than that you should be able to do this easily enough by following the way the SliverPersistentHeader is made.
I'd love to have it too, designers in my team love drawing a card overlapping the flexible space, it's like a must in every app :-) Also some ideas of how to do it are welcome. Thanks.
Using "add reaction" on the initial comment would increase priority while +1 comments are rather pointless and cause lots of people to get notified for no reason.
To get notified yourself use the [Subscribe] button to the top right instead.
This seems like it should be possible by transitioning where the toolbar is renderered right as you cross scrollOffset = 0, and then having some negative region of scroll represent the overscrolled region, or some such (maybe by having a sliver inside). In general though I think we're going to leave this to be done in a package rather than put it in the main library since we've not had that much demand for it (just a few comments and five thumbs after more than 5 years).
This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.
Activity
Hixie commentedon Jun 13, 2017
We could do this pretty easily now, and it is part of the material spec, but we haven't had any demand for it.
alexreyes commentedon Jun 24, 2017
I would like this plz make it
Hixie commentedon Jun 24, 2017
The tricky part is the paint order. Other than that you should be able to do this easily enough by following the way the SliverPersistentHeader is made.
cdharris commentedon Mar 30, 2018
Some direction on implementing this would be great please, It's a really cool visual pattern that I'd love to have in my flutter app.
mare011 commentedon Jan 3, 2019
I'd love to have it too, designers in my team love drawing a card overlapping the flexible space, it's like a must in every app :-) Also some ideas of how to do it are welcome. Thanks.
zoechi commentedon Jan 4, 2019
@reyesalex @cdharris @mare011
Using "add reaction" on the initial comment would increase priority while
+1comments are rather pointless and cause lots of people to get notified for no reason.To get notified yourself use the [Subscribe] button to the top right instead.
Hixie commentedon Feb 4, 2021
This seems like it should be possible by transitioning where the toolbar is renderered right as you cross scrollOffset = 0, and then having some negative region of scroll represent the overscrolled region, or some such (maybe by having a sliver inside). In general though I think we're going to leave this to be done in a package rather than put it in the main library since we've not had that much demand for it (just a few comments and five thumbs after more than 5 years).
github-actions commentedon Aug 6, 2021
This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of
flutter doctor -vand a minimal reproduction of the issue.