react-native-ken-burns

KenBurns Image Effect for React Native

Usage no npm install needed!

<script type="module">
  import reactNativeKenBurns from 'https://cdn.skypack.dev/react-native-ken-burns';
</script>

README

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