0

我正在尝试将使用 bodymovin 插件导出到 json 的后效动画移植到 React native。我正在使用 Lottie https://airbnb.design/lottie/

我的问题是,当 bodymovin 吐出一个包含动画中使用的图像和 .json 文件的图像文件夹时,Lottie 只显示动画中矢量已转换为形状的部分。背景,其他一切都没有显示。

我遵循了他们的榜样:

export default class BasicExample extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      progress: new Animated.Value(0),
    };
  }

  componentDidMount() {
    Animated.timing(this.state.progress, {
      toValue: 1,
      duration: 5000,
    }).start();
  }

  render() {
    return (
      <Animation
        style={{
          width: 200,
          height: 200,
        }}
        source={require('../path/to/animation.json')}
        progress={this.state.progress}
      />
    );
  }
}

但只有形状出现。我怎样才能让图像也被动画化?这可能吗?

4

0 回答 0