如何将源代码目录中的图像加载到React Native Android中的webview

Question

当我尝试将图像从网络加载到webview时，如下工作正常。

{% for x in question %}
    {{x.pub_date}}
{% endfor %}

但是我无法将源代码目录中的图像加载到Webview。我尝试使用以下代码。

<WebView source={{ html: "<img src='abc.com/assets/img/logo.png'/><h1>Hello</h1>" }} />

如果有人知道如何从源代码目录加载图片，请告诉我。

Answer 1

插入        allowFileAccess={true}        到您的网络视图：

    <WebView
     allowFileAccess={true}
    source={{"<img src=\"" +"file:///storage/emulated/0/Pictures/mypicture.PNG" + "\" alt=\"\" style=\"width: 100%; max-width: 1061px;margin-bottom:5px;\" />}}
    style={{marginTop: 20}}
      /> 

https://docs.spring.io/spring/docs/3.0.0.M4/reference/html/ch07s02.html：其布尔值设置WebView是否有权访问文件系统。这将帮助您的应用程序从外部存储访问文件系统。