react-native-image-sequence

native modules for handling image sequence animations. (created because i had performance issues with a javascript only solution like: https://github.com/remobile/react-native-image-animation)

its a simple wrapper around iOSUIImageView.animationImages and AndroidAnimationDrawable

Installation

1. npm i --save react-native-image-sequence
2. react-native link react-native-image-sequence

Examples

importImageSequencefrom'react-native-image-sequence';constimages=[require('1.jpg'),require('2.jpg'),require('3.jpg'),require('4.jpg'),require('5.jpg'),];constcenterIndex=Math.round(images.length/2);<ImageSequenceimages={images}startFrameIndex={centerIndex}style={{width: 50,height: 50}}/>

Change animation speed

You can change the speed of the animation by setting the framesPerSecond property.

<ImageSequenceimages={images}framesPerSecond={24}/>

Looping

You can change if animation loops indefinitely by setting the loop property.

<ImageSequenceimages={images}framesPerSecond={24}loop={false}/>