π New React Native component: AnimatedContentScroll.
ποΈ Animate content smoothly from any direction β left, right, top, or bottom β with simple props and great performance.
π§© Built using Animated.timing with useNativeDriver for smooth 60fps transitions.
π¦ Lightweight, zero dependencies, and compatible with React Native CLI projects.
π§ Fully written in TypeScript with clean and reusable code.
π§ Perfect for list items, cards, or any UI block that needs a nice entry animation.
π¦ Install via npm:
- npm install react-native-animated-content-scroll π https://lnkd.in/gkCBxFVS
π GitHub repo + demo:
π https://lnkd.in/gpxEU-TC
π Usage
import { AnimatedContentScroll } from 'react-native-animated-content-scroll';
export default function MyScreen() {
return (
<View style={{ padding: 20 }}>
{[...Array(5)].map((_, index) => (
<AnimatedContentScroll key={index} index={index}>
<Text style={{ fontSize: 18, marginBottom: 10 }}>Item {index + 1}</Text>
</AnimatedContentScroll>
))}
</View>
);
}
π½ Check out the video below to see it in action!
Top comments (0)