DEV Community

Cover image for React Native Animated Content Scroll - Update
Uriel Cisneros
Uriel Cisneros

Posted on

React Native Animated Content Scroll - Update

πŸš€ New Animated Component for React Native
I just released a major update to my library: react-native-animated-content-scroll.

It now includes a new component called AnimatedListContainer, built to animate dynamic lists with smooth entry and exit transitions. Perfect for live-updating lists like chat threads, feeds, or interactive forms.

🧩 What does it do?
Animates elements when they are added or removed
Supports 4 animation directions: left, right, top, bottom
Customizable: control animation duration, distance, and margins
Zero external dependencies β€” built with React Native’s native animation driver

βœ… Why I built it:
I wanted a simple and lightweight way to animate changing content in React Native β€” no FlatList hacks, no extra libraries, just clean animations that feel native.

πŸ“¦ Available now on NPM:
πŸ‘‰ npm i react-native-animated-content-scroll πŸ”— https://www.npmjs.com/package/react-native-animated-content-scroll

If you want to try it or have ideas for improvements, I’d love your feedback!

A component that animates the entry and exit of dynamic list items with smooth, customizable transitions.

Top comments (0)