ImageScreen.js

 import imgSrcF from '../../assets/forest.jpg'; import imgSrcB from '../../assets/beach.jpg'; import imgSrcM from '../../assets/mountain.jpg'; const ImageScreen = () => { // imgageSource={require('../../assets/forest.jpg')} /> return <View> <Text>Hello</Text> <Image source={{ uri: imgSrcF }} style={style.image} /> <ImageDetail title='Forest' imgageSource={imgSrcF} /> </View> }

Detalles de la imagen.js

 const ImageDetail = (props) => { console.log(props) // <Image source={props.imageSource} /> return <View> <Image source={{ uri: props.imageSource }} style={styles.image} /> <Text> {props.title} </Text> </View> }

Nota

El elemento de imagen se muestra cuando la importación está en el mismo archivo.... la muestra se usa en la pantalla

Pasar imagen no funciona

Actualmente ejecutándose en la web...

Resultado del código anterior en la web nativa de reacción

Intento de enlace de solución El componente React Native Web Image no muestra la imagen