Анимация не показывается

Question

У меня есть реактивное представление, в котором есть анимация lottie, но анимация lottie вообще не отображается, экран просто желтый (цвет фона вмещающего представления), пожалуйста, что можетошибаться, ниже мой код

import React, { Component } from 'react';
import {
  StyleSheet,
  View, 
} from 'react-native';
import LottieView from 'lottie-react-native';

export default class Splash extends Component {
  constructor(props) {
    super(props);
  }

  static navigationOptions = {
    header: null,
  };

  render() {
    return (
      <View style={{flex: 1, backgroundColor: 'yellow'}}>
        <LottieView
          style={{flex: 1}}
          source={require('../check.json')}
          autoPlay
          loop
        />
      </View>
    );
  }
}

Answer 1

Я опробовал предоставленный вами файл Лотти, и он работает.

Вот код, который я использовал в своем App.js, чтобы заставить его работать.

import React, {Component} from 'react';
import {Platform, StyleSheet, View} from 'react-native';
import LottieView from 'lottie-react-native';

export default class App extends Component<Props> {
  render() {
    return (
      <View style={styles.container}>
        <LottieView
          style={{flex: 1}}
          source={require('./check.json')} {/* I think your issue is that you have the wrong path for your lottie file*/}
          autoPlay
          loop
        />
      </View>
    );
  }
}

Обратите внимание, в моем проекте мои App.js и мои check.json находятся в одной папке.

Вот изображение его работы