json动画只显示形状而不是图像吗?

时间:2017-07-13 21:37:06

标签: javascript json animation react-native lottie-android

好的我正试图通过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}
      />
    );
  }
}

但只有形状出现。我怎样才能将图像设置为动画?这可能吗?

0 个答案:

没有答案