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

当我尝试将图像从网络加载到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是否可以访问文件系统.这将有助于您的应用程序从外部存储访问文件系统.

相关文章

react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...