react-native-ken-burns

KenBurns Ken Burns Effect for React Native.

Tested on React Native 0.40+ iOS and Android.

Installation

$ npm i react-native-ken-burns --save

$ yarn add react-native-ken-burns

Demo/Example

Go to react-native-ken-burns/example/KenBurnsExample to view the example.

Usage

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>

API (props)

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

npm

Link: react-native-ken-burns on npm

License

ISC License

Feedback

Email: [email protected] Twitter: nHiRanZ on Twitter