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是否可以访问文件系统.这将有助于您的应用程序从外部存储访问文件系统.