Реагировать на собственный белый пустой экран при загрузке веб-сайта в веб-просмотре

Описание ошибки: сайт, которым я руководил с помощью Webview, открывается в симуляторе ios, хотя и не работает в симуляторе andorid.

Чтобы воспроизвести:
react-native init AwesomeProject cd AwesomeProject react-native run-android

&& my code

код

Ожидаемое поведение:. Работайте так же, как симулятор ios

Скриншоты/видео: Screen Shot 2020  -06-01 в 01 21 55 Снимок экрана 2020-  06-01 в 01 22 16

Окружающая среда: – ОС: macOS – Версия ОС: 10.15.3 – Версия react-native: 0.62.2 – Версия react-native-webview: 10.2.3


person cemthecebi    schedule 31.05.2020    source источник
comment
Вы получаете ошибку?   -  person Cristian Duma    schedule 01.06.2020


Ответы (2)


Это может быть проблема со стилями, попробуйте следующее

<View style={{width: '100%', height: '100%', backgroundColor: '#FFF'}}>
  ...//webview component
</View>
person Cristian Duma    schedule 31.05.2020
comment
Извините, ничего не изменилось. - person cemthecebi; 01.06.2020

есть несколько решений, которые я нашел для себя. @мламмерт

добавьте этот код в

\node_modules\react-native webview\android\src\main\java\com\reactnativecommunity\webview\RNCWebViewManager.java

После этого в AndroidManifest.xml добавьте эти фрагменты кода.

<uses-permission android:name="android.permission.INTERNET" />

а в добавь вот этот android:usesCleartextTraffic="true">

person cemthecebi    schedule 02.06.2020