Tengo el siguiente código a continuación, donde el componente de imagen abarca dos componentes de imagen.
<View style={styles.container} > <Image style={{width: 50, height: 50}} source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}} /> <Image style={{width: 50, height: 50}} source={{uri: 'http://lghttp.24811.nexcesscdn.net/80B00B/qpb/media/catalog/product/cache/11/image/439x334/9df78eab33525d08d6e5fb8d27136e95/q/w/qw_neverdonejoggers_p_.png'}} /> </View>Para la primera URL de github, muestra el logotipo de img correctamente como se esperaba. Sin embargo, para la segunda imagen, no representa la fuente: qw_neverdonejoggers_p_.png
Lo que me lleva a la conclusión de que hay algo mal en la URL, sin embargo, al hacer clic en la URL, se carga correctamente la Img:
Intenté replicar el problema aquí, https://rnplay.org/apps/_dQXXw pero muestra ambas imágenes correctamente.
Entonces, ¿es solo en mi computadora local que, por alguna razón, puedo renderizar la segunda imagen?
Usando: "reaccionar": "15.4.1", "reaccionar nativo": "^0.39.2",
La respuesta de Andrés es algo correcta, pero no aborda la causa exacta del problema, que es App Transport Security de iOS. iOS no permite solicitudes de texto sin formato (http) de forma predeterminada, por lo que debe definir una 'lista blanca' de URL a las que se les puede permitir anular este mecanismo de protección en particular. Ya tiene esa lista configurada para que su aplicación pueda conectarse a localhost durante el desarrollo, así que solo agregue nuevas entradas. Puedes ver cómo hacerlo en esta respuesta . Por supuesto, esto solo funciona si conoce la lista de URL de antemano, lo que podría no satisfacer sus necesidades. En ese caso, echa un vistazo a este artículo .
Chicos, hay un problema con el componente de imagen: si inicializa el componente por primera vez con source={{uri : 'some link'}} , es posible que no funcione (al menos no para mí cuando obtengo una imagen de la URL HTTPS del almacenamiento de Firebase) . El truco es que debe activar un cambio en los accesorios de origen, como primero debe mantener la fuente en source={undefined} y luego cambiar a source={{uri : 'some link'}} . Espero que ayude a alguien
