RN Webview 未从项目级文件夹加载图像

Question

我有一个加载本地 html 的 webview，里面有一些 js 脚本。除了位于 android 或 ios 文件夹之外的图像之外，这一切都运行良好。

当 html 文件不在 android 和 ios 文件夹中时，它会解析图像，但不是 .html 必须在的位置。

网络视图：

<WebView
    source={{uri: isAndroid?
    'file:///android_asset/webviews/map.html'
    :'./external/widget/map.html'}}
    ref={( webView ) => this.webView = webView}
    onMessage={() => this.onWebViewMessage()}
    onNavigationStateChange={() => this.trackMap(this.state.dados)} /> 

html文件内的脚本标签（android案例）

var marker = new google.maps.Marker({
            position: posicao,
            icon: '../../../../../external/images/' + icon.toString() + '_' + direction + '.png'),
            map: mapa
          });

也试过了：

'myapp/external/images/...'

'file:///external/images/...'

项目结构：

myapp
|
|
|_android
|  |_ app
|     |_ src
|        |_ main
|           |_ assets
|              |_ webviews
|                 |_ map.html
|  
|_ external
|  |_ images
|     |_ 1_north.png
|     |_ 2_east.png 
|     |_ <icon>_<direction>.png
|      ...

如何获取这些图片路径？我真的必须将图像放在 res android 文件夹和相关 ios 文件夹中吗？

Answer 1

你试过icon: '../../../../../../../external/images/ + ...'

即使这是有效的，你也应该使用 react native map 而不是 webview。在我看来，这是一种非常糟糕的做法。