Skip to content

nHiRanZ/react-native-kenburns-view

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

59 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-native-kenburns-view

react-native-kenburns-view is released under the ISC license. Current npm package version. Follow @nHiRanZ

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

Tested on React Native 0.62.2 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.

npm

Link: react-native-kenburns-view on npm

License

ISC License

Feedback

Email: nimilahiran@gmail.com Twitter: nHiRanZ on Twitter