Lottie
made with React

Lottie是一个iOS，Android和React Native库，可以轻松向React Native Apps添加高质量动画。

Lottie支持实时渲染After Effects动画，从而使应用程序可以像使用静态图像一样轻松地使用动画。

安装

要求React Native>=0.60.0

Npm

npm i --save lottie-react-native
npm i --save lottie-ios@3.1.8

Yarn

yarn add lottie-react-native
yarn add lottie-ios@3.1.8

进入ios文件夹，运行：

pod install

使用

import React from 'react';
import LottieView from 'lottie-react-native';

export default class BasicExample extends React.Component {
  render() {
    return <LottieView source={require('./animation.json')} autoPlay loop />;
  }
}

示例