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

$ 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: nimilahiran@gmail.com Twitter: nHiRanZ on Twitter

Package detail

react-native-ken-burns

readme