Webview在反应本机中不显示图像

这是我的代码，它无法显示图像。Webview在反应本机中不显示图像

<WebView 
    source={{html: `<img src='//i.pinimg.com/564x/41/76/2e/41762e489565279690334d5d38815b0f.jpg'>` }} 
    style={{flex: 1}} 
    javaScriptEnabled={true} 
> 
</WebView>

但我改变的src = 'https://i.pinimg.com/564x/41/76/2e/41762e489565279690334d5d38815b0f.jpg' 和它的工作。为什么？请帮助我

来源

2017-09-08 Thái Văn Nguyễn

不应该关闭图片标签吗？ – Luc

我已关闭标记图像，但它不起作用。我觉得问题，当src没有“https：// ...” –

你可以通过'http'引用图像，有一点原生配置。离开“https”将在网络上工作，但不在您的本地应用程序中。将它关闭默认为您的应用程序正在使用的当前协议，我不认为它是http/https。 – Dan

问题是因为您试图通过在您的WebView中使用//加载非https网址，默认情况下这是不允许的。如果您将其作为https打开，则您提供的代码将起作用。

如果你想在你的WebView加载一个非HTTPS URL，你应该首先允许在Xcode您的info.plist（详情点击这里：http://blog.bigbinary.com/2016/07/27/open-non-https-sites-in-webview-in-react-native.html）域

同时，我想指出的是您如果您只想渲染图像，可以使用<Image>组件而不是<WebView>。

希望它有帮助。

来源

2017-09-08 12:25:35 soutot

Webview在反应本机中不显示图像

回答

相关问题