[Flutter] Flutter custom scroll and pinned effect

I would like to create a scrolling effect similar to what is shown below. The image should scroll behind the app bar, and the app bar should change its color from transparent to a solid color as scrolling occurs, eventually becoming pinned.

Additionally, the horizontal list below should also become pinned.

Image scroll behind appbar - 1


Image scroll behind appbar - 2 and pinned.


Pinned horizontal list pinned- 2


I tried using CustomScrollView with SliverAppBar, but I couldn’t achieve the exact scrolling effect I wanted.

Continue reading...