KenBurns Image Effect for React Native Applications

react-native-kenburns-view

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

Tested on React Native 0.40+ iOS and Android.

Installation

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

GitHub