Я пытаюсь использовать реагировать на родную веб-версию (приложение для Android), и при попытке загрузить свой веб-сайт у меня появляется белый экран: https://lostlaowai.app:4432/?ID=1105T140W4iUserAgentAllow3
Я также заметил, чтоWebView загружает https://www.google.com/, но не google.com без https: // и окончания / Может ли это быть связано?
При запуске в браузере все работает нормально. Но я не могу загрузить его в WebView. Я провел последние несколько дней, читая всевозможные посты, описывающие подобные проблемы белых экранов WebView, но ни одно из потенциальных решений не работает ... вот мой код:
import React from 'react';
import {
SafeAreaView,
StyleSheet,
ScrollView,
View,
Text,
StatusBar,
Dimensions,
Alert
} from 'react-native';
import {
Header,
LearnMoreLinks,
Colors,
DebugInstructions,
ReloadInstructions,
} from 'react-native/Libraries/NewAppScreen';
import { WebView } from 'react-native-webview';
const App: () => React$Node = () => {
const deviceHeight = Dimensions.get('window').height;
const deviceWidth = Dimensions.get('window').width;
return (
<View style={{flex: 1}}>
<WebView
source={{ uri: 'https://lostlaowai.app:4432/?ID=1105T140W4iUserAgentAllow3' }}
onError={syntheticEvent => {
const { nativeEvent } = syntheticEvent;
Alert.alert('WebView error: ', "" + nativeEvent);
}}
onHttpError={syntheticEvent => {
const { nativeEvent } = syntheticEvent;
console.warn(
'WebView received error status code: ',
nativeEvent.statusCode,
);
}}
mixedContentMode={'always'}
geolocationEnabled={true}
ignoreSslError={true}
javaScriptEnabled={true}
domStorageEnabled={true}
scalesPageToFit={true}
startInLoadingState={false}
style={{flex: 1, width: deviceWidth, height: deviceHeight}}
/>
</View>
);
};
export default App;
Мои спецификации:
реакция-нативный-Cli: 2.0.1
реакция-нативный: 0.61.2
узел: v10.16.3
Устройство: Xiaomi Note
Любая помощь будет оценена!