KenBurns
Ken Burns Effect for React Native.
Tested on React Native 0.40+ iOS and Android.
$ npm i react-native-ken-burns --save
$ yarn add react-native-ken-burns
Go to react-native-ken-burns/example/KenBurnsExample
to view the example.
import KenBurnsView from 'react-native-ken-burns';
<KenBurnsView tension={4} friction={50} duration={5000} min={1.5} max={2.0}>
// render any children here, usually Image
</KenBurnsView>
Prop | Description | Default |
---|---|---|
duration |
int Time (in ms) to zoom in/out. |
10000 |
tension |
int Tension Value. |
6 |
friction |
int Friction Value. |
50 |
min |
int The min scale the image will zoom to |
1.3 |
max |
int The max scale the image will zoom to |
1.6 |
Link: react-native-ken-burns on npm
ISC
License
Email: [email protected]
Twitter: nHiRanZ on Twitter