Quiero preguntarles a todos. Quiero mostrar la imagen del activo local pero para el nombre de archivo de la API de respuesta del objeto. He intentado algún código pero no puedo trabajar. ¿Todos ustedes me ayudan? a continuación hay un código que he probado. También agregué una imagen a mylocal y mi api de respuesta de objeto ya tiene el mismo nombre con extensión
<Image source={`../../../asset/images/Topup/${props.image}`} style={styles.GridImage} resizeMode="contain" /> <Image source={'../../../asset/images/Topup/' + ${props.image}} style={styles.GridImage} resizeMode="contain" /> <Image source={require(`../../../asset/images/Topup/${props.image}`)} style={styles.GridImage} resizeMode="contain" /> <Image source={require('../../../asset/images/Topup/' + ${props.image})} style={styles.GridImage} resizeMode="contain" />pasar la imagen como accesorio como este
props.image será igual a require('fullpath/to/image-without-variables')
úsalo así
<Image source={props.image} .../>
No puede usar variables cuando requiere una imagen. El argumento pasado a require debe ser un literal de cadena. Prueba require('../../../asset/images/Topup/image_name.extension') .
Intenta copiar la ruta de la imagen y pegarla.
o
puede importar la imagen al valor después de eso, escriba el valor en la fuente
import value from 'path your image'; <Image source={value} style={styles.GridImage} resizeMode="contain" />