React Native Webview показывает белый пустой экран - PullRequest
0 голосов
/ 13 октября 2019

Я пытаюсь использовать реагировать на родную веб-версию (приложение для 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

Любая помощь будет оценена!

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