WebView отказывается отображать изображения - PullRequest
2 голосов
/ 24 февраля 2020

Я прочитал тонну сообщений об этой проблеме, большинство из них старые, поэтому я создаю новую публикацию, пригодную для React Native v0.61.5

моя проблема: я получаю Интернет страницу и файлы, на которые она ссылается, записывая их в папку «Документы» приложения и пытаясь загрузить их в WebView. Эти события происходят, когда пользователь нажимает кнопку и устанавливает соответствующее состояние

. Вот как я указываю WebView:

<WebView 
  source={{html: this.state.html, baseUrl: this.state.baseUrl}}
  originWhitelist={['*']}
  allowFileAccessFromFileURLs
  allowFileAccess={true}
/>

и содержимое файла. Обратите внимание, что lo go находится в том же каталоге, что и файл, на который он ссылается:

<h1>per aspera ad astra</h1>
<img src="logo.jpg"/>

Проблема, с которой я столкнулся, заключается в том, что я не вижу изображение. это выглядит как маленькое синее изображение знака вопроса. если я смотрю на baseUrl, он настроен на:

file: /// Users / ekkis / Library / Developer / CoreSimulator / Devices / 9F96B01B-3C66-4ABA-96A5-B58049FB9212 / data / Контейнеры / Данные / Приложение / 735BD192-FC7B-4708-9973-64C3C9953A0D / Документы

... что кажется правильным. Я запускаю это на iOS

Я также пытался (как предложено в другом месте):

  source={require(this.state.uri)}

, но это не удается (я получаю ошибку: «Ошибка: TransformError App. js: Приложение. js: Неверный вызов в строке 62: require (this.state.uri) ". Это не имеет особого смысла, так как require не может читать HTML файлы, но, возможно, там должен быть какой-то черный волхв c это просто не работает для меня. Я также попытался просто установить uri, но он также не работает (и я не могу установить baseUrl в этом случае)

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...