Installation

Add the dependency:

npm i react-native-animated-component

Peer Dependencies

Zero Dependencies

import RNAnimated from "react-native-animated-component";

<RNAnimated
  appearFrom="left"
  animationDuration={1300}
  style={{ alignItems: "center" }}
>
  {staticData.map(() => renderItem())}
</RNAnimated>

You can checkout the example project 🥰

Simply run

should work of the example project.

Property	Type	Default	Description
appearFrom	AppearFrom	“left”	The component will appear from that direction
animationDuration	number	300	change the animation duration
style	ViewStyle	default	set or override the style object for the main container
initialDelay	number	default	change the initial delay of the appearing animation
delayInterval	number	200	change the each children’s delay interval in each appearing animation

React Native Animated is available under the MIT license. See the LICENSE file for more info.