Fading Edge behaviour in Jetpack Compose

Question

I have a view that has a row of chips with a fadingEdge.

I'm reimplementing the page in Compose. But I'm not sure how to implement the fadingEdge behaviour in Compose.

I'd put a Spacer with the same length, and have a gradient as it's background, but that doesn't look like the same effect. The Android effect starts as invisible, then starts stretching to cover over the items as the view scrolls. That's not how a spacer would work.

Answer 1

I ended up creating my own implementation of the fadingEdge