将本机解析 Lottie 文件反应为状态？

Question

我正在尝试在我的应用程序中实现 Lottie 动画，我正在使用 expo SDK，所以我遵循了世博会的文档，

_loadAnimationAsync = async () => {
let result = await fetch(
  'https://cdn.rawgit.com/airbnb/lottie-react-native/635163550b9689529bfffb77e489e4174516f1c0/example/animations/Watermelon.json'
);

this.setState(
  { animation: JSON.parse(result._bodyText) },
  this._playAnimation
);

};

我得到了一个[未处理的承诺拒绝：语法错误：JSON解析错误：意外的标识符"undefined"]。

result ._bodyText是空的还是未定义的？？

Answer 1

我刚遇到同样的问题并已修复。

修改 _loadAnimationAsync 应该可以正常工作。

_loadAnimationAsync = async () => {
let result = await fetch(
  'https://cdn.rawgit.com/airbnb/lottie-react-native/635163550b9689529bfffb77e489e4174516f1c0/example/animations/Watermelon.json'
)
  .then(data => {
    return data.json();
  })
  .catch(error => {
    console.error(error);
  });
this.setState({ animation: result }, this._playAnimation);
};

如果你有兴趣，我也会针对这个问题发起一个 pr。 here

将本机解析 Lottie 文件反应为状态？

react native parsing Lottie file into state?

animation

jsx

react-native

lottie