Actualmente estoy trabajando en una página donde quiero mostrar todas las imágenes en una carpeta. Probé el siguiente código:
return ( <View> {images.map(r => <Image source={require('../assets/image/' +r+'.png')} /> )} </View> );Aquí está el resultado que estoy obteniendo:
Error: pages/etc.js:Invalid call at line: require('../assets/image/' + r + '.png')¿Qué debo hacer para solucionar este problema? Gracias.
require en este caso específico en React Native no funciona con rutas dinámicas (rutas con variables). Se debe requerir una imagen con su ruta de cadena pura. Lo que quieras se podría hacer, por ejemplo, con algo como esto:
//..... const images =[require('../assets/image/1.png'),require('../assets/image/2.png')] //..... return ( <View> {images.map(i => <Image source={{uri:i}} /> )} </View> );