lokales Bild nicht in <Image> Laden reagieren nativen

Question

Zuerst habe ich versucht, Bild zu laden mit folgenden Code und es tut Laden Sie das Bild

render(){ 
return(
    <View style={{backgroundColor:'red', flex:1, alignItems:'center'}}> 
    <Text> Landing Page controller</Text> 
    <Image 
    source={require('./symbol.png')} 
    /> 
    </View> 
); } 

Jetzt haben Last i viele Bild durch aus der Anwendung von verschiedenen Dateien. In diesem Fall ist es sehr schwierig, den Code und die Ressourcen zu verwalten. Deshalb habe ich die separate Datei erstellt

resource.js

module.export= { 
       symbol:require('./symbol.png'), 
       }; 

und dann in Komponentendatei habe ich versucht, wie unten zu laden.

Jetzt wurde die Anwendung ausgeführt, aber es wird kein Bild angezeigt. Es wäre großartig, wenn irgendeine Leiche herausfinden würde, was hier falsch ist.

Answer 1

Sie sollten module.exports = ..... exportieren nicht