Я хотел бы отображать статические изображения из res / drawable-folder в ReactNative-App. Тем не менее, ничего не отображается.

У меня есть следующая структура папок в подпапке Android:

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

Как упомянуто в документации, я пытаюсь загрузить файлы изображений из drawable-folder с помощью следующего кода:

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

Я также попробовал имя файла вместе с расширением:

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

а также:

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

И я попробовал подпапку:

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

Изображение не будет отображаться. Например, использование оператора require в источнике изображения для локального изображения в моей текущей папке работает нормально.

Но я ищу решение для потребления нарисованных изображений, как в реальном приложении для Android.

ОБНОВИТЬ

Я только что опубликовал пример проекта на github:https://github.com/itinance/testdrawable

Это стандартное RN-приложение с «init-native init» и просто добавленное изображение для отображения в drawable-папке (только для Android).

Может кто-то взглянуть на это и сказать мне, что я делаю не так?