Dies ist mein Code und es kann kein Bild angezeigt werden.Webview zeigt kein Bild im reaktiven nativen
<WebView
source={{html: `<img src='//i.pinimg.com/564x/41/76/2e/41762e489565279690334d5d38815b0f.jpg'>` }}
style={{flex: 1}}
javaScriptEnabled={true}
>
</WebView>
Aber ich ändere src = 'https://i.pinimg.com/564x/41/76/2e/41762e489565279690334d5d38815b0f.jpg' und es funktioniert. Warum? Bitte helfen Sie mir
Das Problem liegt daran, Sie versuchen, eine nicht https URL mit // in Ihrem WebView zu laden, die standardmäßig nicht erlaubt ist. Wenn Sie es als https öffnen, funktioniert der von Ihnen bereitgestellte Code.
Wenn Sie eine nicht https-URL in Ihrem webview laden möchten, sollten Sie zuerst die Domain in Ihrem info.plist in Xcode ermöglichen (mehr Details hier: http://blog.bigbinary.com/2016/07/27/open-non-https-sites-in-webview-in-react-native.html)
Außerdem würde Ich mag, dass Sie darauf hinweisen kann <Image> Komponente anstelle von <WebView> verwenden, wenn Sie nur ein Bild rendern möchten.
Ich hoffe, es hilft.
Sollten Sie das Image-Tag nicht schließen? – Luc
Ich habe das Tag-Bild geschlossen, aber es funktioniert nicht. Ich denke, Problem, wenn die Quelle nicht haben "https: // ..." –
Sie können Bilder über "http", mit einer kleinen nativen Konfiguration. Das Beenden von https funktioniert im Web, jedoch nicht in Ihrer nativen Anwendung. Lassen Sie es standardmäßig auf das aktuelle Protokoll Ihrer App, die ich glaube nicht, ist http/https. – Dan