tn12787 / react-native-lottie-sequence

✨A tiny package for stringing together Lottie animations, written in TypeScript ✨

react-native-lottie-sequence

✨A tiny package for stringing together Lottie animations, written in TypeScript ✨

Install

Yarn

yarn add react-native-lottie-sequence

NPM

npm install --save react-native-lottie-sequence

Usage

import React from 'react';

import LottieSequence from 'react-native-lottie-sequence';

import animation1 from './animation1.json';
import animation2 from './animation2.json';

const MyAnimationSequence = () => {
  return <LottieSequence sources={[animation1, animation2]} loopMode={'all'} />;
};

Props

prop name	values	required	default	description
sources	Array of Lottie sources	yes	[]	Sequence of source animations to play.
autoPlay	true, false	no	false	Whether to auto-play each animation.
loopMode	'none', 'last', 'all'	no	'none'	What kind of sequence looping behaviour is wanted. 'none' plays the sequence once, 'last' loops the last animation in the sequence only, and 'all' loops the entire sequence.
onAnimationFinish	function	no	() => {}	Callback fired at the end of each animation in the sequence.

License

MIT © tn12787