diff --git a/package.json b/package.json index ee4d521..acbad3d 100644 --- a/package.json +++ b/package.json @@ -55,6 +55,6 @@ "react-native-web": "*" }, "dependencies": { - "bodymovin": "^4.12.3" + "lottie-web": "^5.4.4" } } diff --git a/src/index.js b/src/index.js index 55e0917..21b1c12 100644 --- a/src/index.js +++ b/src/index.js @@ -1,7 +1,7 @@ import React, { PureComponent } from 'react'; import ReactDOM from 'react-dom'; import { View } from 'react-native'; -import bodymovin from 'bodymovin'; +import lottie from 'lottie-web'; class Animation extends PureComponent { animationDOMNode = null; @@ -21,7 +21,7 @@ class Animation extends PureComponent { this.anim.destroy(); } - this.anim = bodymovin.loadAnimation({ + this.anim = lottie.loadAnimation({ container: this.animationDOMNode, animationData: props.source, renderer: 'svg', diff --git a/yarn.lock b/yarn.lock index ed4e10d..6a6bd5b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -783,10 +783,6 @@ bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.4.0: version "4.11.8" resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.8.tgz#2cde09eb5ee341f484746bb0309b3253b1b1442f" -bodymovin@^4.12.3: - version "4.12.3" - resolved "https://registry.yarnpkg.com/bodymovin/-/bodymovin-4.12.3.tgz#c09c7fb29623088691e38c5f43ae3170f1dd199e" - boolbase@~1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e" @@ -2432,6 +2428,11 @@ loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.3.1: dependencies: js-tokens "^3.0.0" +lottie-web@^5.4.4: + version "5.4.4" + resolved "https://registry.yarnpkg.com/lottie-web/-/lottie-web-5.4.4.tgz#722ab69d5fcd4a28fa78c36999544b77701bc791" + integrity sha512-jq43DwoDSdLfjWitgIY5erp4iUE3oJ13H3BQ/q/o8wl0hD9IPD/sfetUtauJM+Lfj/VK/3VeoJOA/nGxsstkkA== + lru-cache@^4.0.1: version "4.1.1" resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.1.tgz#622e32e82488b49279114a4f9ecf45e7cd6bba55"