项目作者: WrathChaos

项目描述 :
Animate any components with React Native Animated Component
高级语言: Java
项目地址: git://github.com/WrathChaos/react-native-animated-component.git


React Native Animated

Battle Tested ✅

Animate any components with React Native Animated Component

npm version
npm
Platform - Android and iOS
License: MIT
styled with prettier







React Native Animated

React Native Animated

Installation

Add the dependency:

  1. npm i react-native-animated-component

Peer Dependencies

Zero Dependencies

Usage

Import

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

Fundamental Usage

  1. <RNAnimated
  2. appearFrom="left"
  3. animationDuration={1300}
  4. style={{ alignItems: "center" }}
  5. >
  6. {staticData.map(() => renderItem())}
  7. </RNAnimated>

Example Project 😍

You can checkout the example project 🥰

Simply run

  • npm i
  • react-native run-ios/android

should work of the example project.

Configuration - Props

Fundamentals

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

Future Plans

  • LICENSE
  • More Animation Type
    • Opacity
    • Solid Movement
    • Scale
  • Write an article about the lib on Medium

Credit

Heavily inspired from aarkalyk’s awesome polls app

Author

FreakyCoder, kurayogun@gmail.com

License

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