Json анимация отображает только фигуры, а не изображения?

Хорошо, я пытаюсь перенести мою анимацию последствий, экспортированную в json с плагином bodymovin, в React native. Я использую Лотти 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 ответов

Другие вопросы по тегам