¿Cómo cargar imágenes de res / drawable-folder en ReactNative-App?
Me gustaría mostrar imágenes estáticas de res / drawable-folder en una aplicación ReactNative. Sin embargo, no se muestra nada.
Tengo la siguiente estructura de carpetas en la subcarpeta de 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
Como se menciona en la documentación, trato de cargar los archivos de imagen de la carpeta dibujable con el siguiente código:
<Image source={{uri: 'a1456'}} style={{width: 140, height: 140}} />
También probé el nombre del archivo junto con la extensión:
<Image source={{uri: 'a1456.jpg'}} style={{width: 140, height: 140}} />
y también:
<Image source={require('image!a1456')} style={{width: 140, height: 140, backgroundColor: 'yellow'}} />
Y probé la subcarpeta:
<Image source={{uri: 'drawable/a1456.jpg'}} style={{width: 140, height: 140}} />
No se mostrará ninguna imagen. Usar una instrucción require dentro de la fuente de la imagen para una imagen local en mi carpeta actual, por ejemplo, funciona bien.
Pero estoy buscando una solución para consumir las imágenes dibujables como dentro de una aplicación de Android nativa real.
ACTUALIZAR
Acabo de publicar un proyecto de ejemplo en github:https://github.com/itinance/testdrawable
Es una aplicación RN estándar con "react-native init" y acaba de agregar una imagen para mostrar en la carpeta dibujable (solo Android).
¿Puede alguien echarle un vistazo y decirme qué estoy haciendo mal?