Lottie in reagieren native kann Bilder nicht finden?

Question

Ich habe jedes Lottie Beispiel gefolgt Reagieren nativer und sah Fragen, die das gleiche Problem wie Lottie animation on Expo haben, aber ich habe erfolgreich importiert eine Animation über Bodymovin .json exportiert mit React nativen hier:

import React, {Component} from 'react'; 
import Animation from 'lottie-react-native'; 
import { 
    StyleSheet, 
    Text, 
    View, 
    Animated, 
    Easing, 
    ScrollView, 
    RefreshControl, 
    AppRegistry 
} from 'react-native'; 

export default class LottieTest extends Component { 
    componentDidMount() { 
    this.animation.play(); 
    } 
    render() 
    { 
    //console.log(this.); 
    return (
     <View> 
     <Animation 
     ref={animation => { this.animation = animation; }} 
     style={{ 
      width: 500, 
      height: 500 
     }} 
     source={require('./animations/btn1.json')} 
     /> 
     </View> 
    ); 
    } 
} 

Ich stelle es ist in einer sicht also das ist nicht das problem. Die Animations-JSON-Datei findet die Bilder nicht, daher werden nur die Formen (Vektoren, die in Nacheffekte in Formen konvertiert wurden) angezeigt.

Ich kann nicht herausfinden, warum der JSON Pfad zu den Bildern nicht finden kann. Mein Bilder-Ordner ist in demselben Ordner wie die .json und ich habe hier den Pfad geändert, um die Klasse entsprechen es aus aufgerufen wird:

,"fr":29.9700012207031,"ip":0,"op":34.0000013848484,"w":861,"h":861,"nm":"button1","ddd":0,"assets":[{"id":"image_0","w":782,"h":782,"u":"../animations/images/","p":"img_0.png"} 

Wie ich Bilder Reagieren nativer und Lottie mit importieren kann? Was ist hier falsch?

Answer 1

Bilder für Animation sollten zu XCode und Android Studio-Projekten direkt hinzugefügt werden.

So sollten Sie .json Datei in React Mutter Projekt und Bild-Assets in ios/android Projekte.