L'immagine di caricamento nativa di React su https funziona mentre http non funziona

Question

Voglio caricare un'immagine nel simulatore iOS su un http uri come sorgente. Ma nulla viene mostrato sullo schermo, si aspetti il ​​wireframe che può essere reso visibile con l'ispettore. Se si carica lo stesso codice in Android funziona bene e se si usa un huri https invece di http funziona anche bene.

codice Esempio:

render() { 
    return ( 
    <View> 
    <Image 
     source={{uri:https://facebook.github.io/react/img/logo_og.png'}} // works 
    // source={{uri: http://facebook.github.io/react/img/logo_og.png'}} // doesn't work 
     style={{width: 400, height: 400}} 
    /> 
    </View> 
); 
} 

Answer 1

Il problema è che il vostro stanno cercando di caricare l'immagine da una connessione http e non da una connessione HTTPS in quanto è richiesto da Apple. Prova se il tuo codice funziona con un altro uri che usa https invece di http. In Android dovrebbe funzionare bene con http o https. Ulteriori informazioni a https://github.com/facebook/react-native/issues/8520 e http://www.techrepublic.com/article/wwdc-2016-apple-to-require-https-encryption-on-all-ios-apps-by-2017/.

Se si desidera caricare qualcosa su http, è possibile modificare il file info.plist e aggiungere qui la propria eccezione. informazioni più dettagliate qui https://ste.vn/2015/06/10/configuring-app-transport-security-ios-9-osx-10-11/

Answer 2

aggiungere in info.plist

<key>NSAppTransportSecurity</key> 
<dict> 
<!--Include to allow all connections (DANGER)--> 
    <key>NSAllowsArbitraryLoads</key> 
    <true/> 
</dict>