🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

KenBurns Image Effect for React Native applications, based on Image Component.

Animation Image React Native

Documentation

react-native-kenburns-view npm version

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

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

npm

Link: react-native-kenburns-view on npm

License

ISC License

Feedback

Email: [email protected] Twitter: nHiRanZ on Twitter


You May Also Like