React Native Android – Recursos estáticos que no se muestran

¿Cómo agregaste "bg-splash" a tu aplicación para Android? Debería ir bajo android/app/src/main/res/drawable (o drawable-hdpi , -xhdp etc si tiene diferentes versiones por DPI). También tenga en cuenta que android sólo acepta nombres de recursos que contienen letras minúsculas y subrayados, por lo que su nombre de imagen no coincide con ese requisito ya que contiene signo de guión.

en reactivo nativo v.0.14 +

  // same syntax for IOS and Android require('./my-icon.png') 

Imagen completa aquí

A partir de la versión 0.14, React Native proporciona una forma unificada de administrar imágenes en sus aplicaciones para iOS y Android. Para agregar una imagen estática a la aplicación, colóquela en algún lugar del árbol de código fuente y haga referencia a ella de la siguiente manera:

  <Image source={require('./my-icon.png')} /> //relative path . ├── button.js └── img ├── [email protected] └── [email protected] 

Tampoco pude conseguir que mis imágenes aparecieran.
Cuando fui a <yourapp>/android/app/src/main/res , sólo mipmap-<qualifier> carpetas mipmap-<qualifier> . Puse por primera vez las imágenes en esas carpetas. No funcionó. Mis habilidades de comprensión de lectura obviamente necesitan mejoras, porque en las instrucciones , claramente dice "drawable". Entonces, cometí el error de pensar que estas carpetas del "mipmap" necesitaron ser cambiadas a las carpetas "drawable" (en el lugar de "mipmap"). Así que si alguien hizo eso, retroceda, y en su lugar, agregue las carpetas drawable-<qualifier> además de las "mipmap". Y luego asegúrate de recompilar la aplicación.

Para que la imagen se muestre en la pantalla, coloque la imagen en una vista:

 return ( <View style={styles.container}> <Image source={require('image!bg-splash')} style={styles.bg} /> </View> ); 

Y agrega estos estilos a la vista

 var styles = StyleSheet.create({ container: { flex: 1, },