Warum reagieren native kann Bild derzeit nicht erforderlich?

Question

<Image source={require(rowData.avatar)} /> 

Fehler: Unbekannter Name Modul ‚xxxxxx‘

Warum aus dem Weg drucken, aber können keine Bilder lesen

Answer 1

Versuchen

<Image source={(rowData.avatar)} /> 

Answer 2

Bilder nicht dynamisch generierte Quellen verwenden können?. Unter der Annahme, was Sie versuchen, ein Bild als Teil des Pakets laden zu tun ist, müssen Sie den Code lesen:

const avatar = require('./path/to/avatar.jpg'); 

Nur dann können Sie avatar als Quelle ein verwenden folgt:

rowData = { 
    avatar: avatar 
} 

<Image source={rowData.avatar} /> 

wenn Sie vor Händen wissen, welche Bilder in Ihrer Anwendung benötigt werden werden, schlage ich vor, dass Sie eine Asset-Datei erstellen, in dem Sie fügen Sie alle Ihre fest einprogrammiert erfordern, wie zum Beispiel:

// assets.js 
return { 
    avatar1: require('./path/to/file.jpg'), 
    avatar2: require('./path/to/file.jpg'), 
    avatar3: require('./path/to/file.jpg'), 
} 

Und Sie dann würde Ihr rowData konstruieren wie folgt:.

import avatars from './assets'; 

rowData = { 
    avatar: avatars['avatar1'] 
} 

Wo Sie wahrscheinlich avatar1 mit einer Variablen mit dem Schlüssel auf den Avatar in Sie interessiert ersetzen würde

Hier ein asset file ich für ein verwendet wird, ist meiner Projekte.