Estoy trabajando en una aplicación nativa de reacción. Obtengo algunas imágenes de una API y las muestro como una lista plana. El problema es que estas imágenes se muestran perfectamente en el emulador de iOS pero no se muestran en el emulador de Android . He configurado los anchos y las alturas de las imágenes, pero el problema sigue siendo el mismo.
Aquí está el código de abajo
Componente
<Image style={styles.image} source={{ uri: image, }} resizeMode="contain" />Estilos
container__image: { width: '100%', }, image: { width: '100%', height: 200, resizeMode: 'contain', }, La image delante del uri es un accesorio que contiene la dirección http de la imagen.
Quizás parece ser un problema que surge porque Android no permite http .
Cree un nuevo Android después de cambiar la configuración de Android de la siguiente manera.
<application android:usesCleartextTraffic="true"> // you add this ... </application>puedes solucionar este problema? tengo el mismo problema y lo solucione
cd android && ./gradlew clean y ejecute react-native start --reset-cache && react-native run-android
Intente dar un enlace directo en el uri entre comillas (simples o dobles). Esto podría funcionar en Android y su modo de cambio de tamaño también tendrá que estar dentro de los estilos.
<Image style={styles.image} source={{ uri: 'https://reactnative.dev/img/tiny_logo.png', }} />