Webview不会在本地反应中显示图像

Question

这是我的代码，无法显示图片。

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

但我改变了src =＆＃39; https://i.pinimg.com/564x/41/76/2e/41762e489565279690334d5d38815b0f.jpg＆＃39;它的工作原理。 为什么？请帮帮我

Answer 1

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

如果您要在网页浏览中加载非https网址，则应首先在xcode中的info.plist中允许该网址（详情请见http://blog.bigbinary.com/2016/07/27/open-non-https-sites-in-webview-in-react-native.html）

另外，我想指出，如果您只想渲染图像，可以使用<Image>组件代替<WebView>。

希望它有所帮助。