Ich möchte statische Bilder aus res / drawable-folder in einer ReactNative-App anzeigen. Es wird jedoch nichts angezeigt.

Ich habe die folgende Ordnerstruktur im Android-Unterordner:

macbook:CompanyApp hagen$ tree android/app/src/main/res/
android/app/src/main/res/
├── drawable
│   ├── a1456.jpg
│   └── a1457.jpg
├── mipmap-hdpi
│   └── ic_launcher.png
├── mipmap-mdpi
│   └── ic_launcher.png
├── mipmap-xhdpi
│   └── ic_launcher.png
├── mipmap-xxhdpi
│   └── ic_launcher.png
└── values
    ├── strings.xml
    └── styles.xml

6 directories, 8 files

Wie in der Dokumentation erwähnt, versuche ich, die Bilddateien aus dem Zeichenordner mit folgendem Code zu laden:

<Image source={{uri: 'a1456'}} style={{width: 140, height: 140}} />

Ich habe auch versucht, den Dateinamen zusammen mit der Erweiterung:

<Image source={{uri: 'a1456.jpg'}} style={{width: 140, height: 140}} />

und auch

<Image source={require('image!a1456')} style={{width: 140, height: 140, backgroundColor: 'yellow'}} />

Und ich habe den Unterordner ausprobiert:

<Image source={{uri: 'drawable/a1456.jpg'}} style={{width: 140, height: 140}} />

Es wird kein Bild angezeigt. Die Verwendung einer require-Anweisung in der Bildquelle für ein lokales Bild in meinem aktuellen Ordner funktioniert beispielsweise einwandfrei.

Aber ich bin auf der Suche nach einer Lösung, um die Zeichenbilder wie in einer echten nativen Android-Anwendung zu konsumieren.

AKTUALISIERE

Ich habe gerade ein Beispielprojekt auf github veröffentlicht:https: //github.com/itinance/testdrawabl

Es ist eine Standard-RN-App mit "react-native init" und hat gerade ein Bild hinzugefügt, das im Zeichenordner angezeigt werden soll (nur für Android).

Kann jemand einen Blick darauf werfen und mir sagen, was ich falsch mache?