Add the dependency:
npm i react-native-animated-component
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
npm i
react-native run-ios/android
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 |
-
LICENSE - More Animation Type
-
Opacity - Solid Movement
- Scale
-
- Write an article about the lib on Medium
Heavily inspired from aarkalyk's awesome polls app
FreakyCoder, kurayogun@gmail.com
React Native Animated is available under the MIT license. See the LICENSE file for more info.