React-native-kenburns-view NPM

react-native-kenburns-view

KenBurns Image Effect for React Native. Based on Image Component Image Component. Version: 3.0.0

Tested on React Native 0.40+ iOS and Android.

Installation

Note: Requires React Timeout. If it's not available, install it from the command below.

$ npm i react-timeout --save

The proceed to install the library

$ npm i react-native-kenburns-view --save

Demo/Example

kenburns view demo

Go to react-native-kenburns-view/example/KenBurnsExample to view the example.

Usage

<BurnsImage tension={4} friction={50} imageWidth={200} imageHeight={100} sourceUri={require(./images/kenburnsimage.jpg)} placeholderSource={require( './images/placeholder.jpg')}>
</BurnsImage>

API (props)

Prop	Description
`tension`	`int` Tension Value.
`friction`	`int` Friction Value.
`imageWidth`	`int` Image Width.
`imageHeight`	`int` Image Height.
`sourceUri`	`URI String` Image URL.
`placeholderSource`	`URI String` Placeholder Image URL (Possibly a Local Image).
`autoStart`	`boolean` Autostarts the animation.