Animate Components In React Native

A React Native component to reveal components with a smooth animation.

How to use it:

1. Install the package with NPM.

# NPM
$ npm i react-native-animated-component --save

2. Add the <RNAnimated /> component to the app and config the animation with the following props:

  • appearFrom: From which direction the component will appear
  • animationDuration: Duration of the animation
  • style: Override styles here
  • initialDelay: Determine the initial delay
  • delayInterval: Determine the children’s delay interval
<RNAnimated
  appearFrom="left"
  animationDuration={1300}
  style={{ alignItems: "center" }}
>
  {staticData.map(() => renderItem())}
</RNAnimated>

Preview:

Animate Components In React Native

Download Details:

Author: WrathChaos

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/WrathChaos/react-native-animated-component

License: MIT

You Might Be Interested In:

Add Comment