Animate any components with React Native Animated Component
npm install react-native-animated-component




!Platform - Android and iOS


| | |
Add the dependency:
``bash`
npm i react-native-animated-component
Zero Dependencies
`jsx`
import RNAnimated from "react-native-animated-component";
`jsx`
animationDuration={1300}
style={{ alignItems: "center" }}
>
{staticData.map(() => renderItem())}
You can checkout the example project 🥰
Simply run
- npm ireact-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 |
- [x] ~~LICENSE~~
- [ ] More Animation Type
- [x] ~~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.