RN Webview не загружает изображения из папки уровня проекта

Question

У меня есть веб-просмотр, который загружает локальный html с некоторыми js-скриптами внутри.Все в этом работает нормально, за исключением изображений, расположенных вне папки android или ios.

Когда html-файл находился вне папки android и ios, он разрешал изображения, но не был тем, где должен быть .html.

WebView:

<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/ + ...'

Даже если это работает, вы действительно должны использовать карту реагирования вместо веб-просмотра.На мой взгляд, это очень плохая практика.