Как загрузить изображения из res / drawable-folder в ReactNative-App?
Я хотел бы отображать статические изображения из 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).
Может кто-то взглянуть на это и сказать мне, что я делаю не так?