Animated Sticky Header with Jetpack Compose

462 views Asked by At

I am new to jetpack compose and would like to implement an animated sticky header.

The general animation is as such: When you start to scroll the list, the header translates upwards with nice smooth animation from current height to fixed min height based on scrolling list’s scroll value and sticks on the top of the screen. This video shows an example of the animated header https://youtu.be/1vt3uCq_Y1g?si=pykTmv1EpjHuW-iS

I currently have a Lazy Column that consists of cards. How should i track the scroll offset and have the header translate upwards?

I'm not sure how to proceed.

0

There are 0 answers