RNReAnimatedTriImages is a React Native component that provides a visually appealing way to display and animate three sets of images in a circular fashion with fading transitions. It utilizes the react-native-reanimated library for smooth animations and transitions.
Before installing RNReAnimatedTriImages, make sure you have react-native-reanimated version 3 or higher installed in your React Native project. If not, you can install it with the following commands:
npm install react-native-reanimated@^3.0.0 rn-reanimated-tri-images
# or
yarn add react-native-reanimated@^3.0.0 rn-reanimated-tri-images
Simulator.Screen.Recording.-.iPhone.15.Pro.Max.-.2023-09-24.at.23.21.11.mp4
| Props | Required | Default | Description |
|---|---|---|---|
| images | true | This should be an array containing 3 arrays with equal number of images url links. Eg: [ [examplephotos.com/1/sample1.jpg,examplephotos.com/1/sample2.jpg], [examplephotos.com/1/sample3.jpg, examplephotos.com/1/sample4.jpg ], [examplephotos.com/1/sample5.jpg, examplephotos.com/1/sample6.jpg] ] | |
| interval | false | 3000 | Interval of animation in ms. |
| loop | false | true | Set if the animation happens on loop or only once. |