react-native – 如何将源代码目录中的图像加载到React Native A

发布时间：2020-12-15 09:34:59 所属栏目：百科来源：网络整理

导读：当我尝试将图像从网络加载到webview,如下所示工作正常. WebView source={{ html: "img src='abc.com/assets/img/logo.png'/h1Hello/h1" }} / 但我无法将源代码目录中的图像加载到Webview.我尝试使用以下代码. WebView source={{ html: "img src={require('./

当我尝试将图像从网络加载到webview,如下所示工作正常.

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

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

<WebView source={{ html: "<img src={require('./images/google_signin.png')} /><h1>Hello</h1>" }} />

如果有人知道如何从源代码目录加载图像,请告诉我.

解决方法

插入
???????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}}
      />

AllowFileAccess：它的布尔值设置WebView是否可以访问文件系统.这将有助于您的应用程序从外部存储访问文件系统.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!