Perplexity vertical list animation - Reanimated

In this example, we'll replicate the Perplexity vertical list using an `Animated.FlatList`. We'll leverage React Native Reanimated's `useAnimatedScrollHandler` to capture the `scroll.Y` value and use `interpolate` to animate the list items as they render. Additionally, we’ll take advantage of the FlatList’s `snapToInterval` and `decelerationRate` properties to simulate a carousel-like animation, providing a smooth and engaging scrolling experience.

Scan the QR to check the animation on your device.

Install the app:

iOS|Android