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

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. |

npm

Link: react-native-kenburns-view on npm

License

ISC License

Feedback

Email: [email protected] Twitter: nHiRanZ on Twitter