React Native - Как загрузить изображение с локального пути в WebView - PullRequest
Новая
       1

React Native - Как загрузить изображение с локального пути в WebView

0 голосов
/ 01 мая 2019

Я ищу, как загрузить изображение в WebView с локального пути. Это для вставки в Callout из MapView (проблема на Android). Когда я использую URL, который работает хорошо, но ничего с локальным путем. 

<WebView
    originWhitelist={['*']}
    source={{html: '<Body><img id="logo" src="../../assets/img.jpg" onload="onLoad()" /></Body>'}}
/>

1 Ответ

2 голосов
/ 01 мая 2019

Я пробовал несколько вариантов, единственное, что работает:

1) создание файла index.html, где вы можете использовать свой обычный путь к изображению: 

<html>
    <body>
    <img src="./dog.jpg" width="200" height="200" />
    </body> 
</html>

2)загрузить файл index.html в ваш WebView

<WebView
originWhitelist={['*']}
source={require('./index.html')}
/>

Кстати, мой проект структурирован так:

enter image description here

Вещи, которые я пробовал, которые не работают: 

<WebView
    originWhitelist={['*']}
    source={{html: `<Body><img id="logo" width=200 height=200 src="./dog.jpg" /></Body>`}}
/>

<WebView
    originWhitelist={['*']}
    source={{html: `<Body><img id="logo" width=200 height=200 src="require('./dog.jpg')" /></Body>`}}</Body>`}}
/>

import dog from './dog.jpg'
<WebView
    originWhitelist={['*']}
    source={{html: `<Body><img id="logo" width=200 height=200 src="${dog}" /></Body>`}}
/>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...