ios - 为什么特定站点在 React Native Webview 中显示为 "Error"？

Question

我正在尝试在我的react-native应用程序中的Webview中显示一个名为seloger.com的法国网站。

几天以来，仅在 iOS 上，Webview 不再显示网站，而是显示“错误”消息。

Screenshot: This is how it renders on Android, both Webviews are fine:

Screenshot: This is how it renders on iOS (both simulator and real device), SeLoger.com Webview shows "Error:"

这是我的代码:

import React, { Component } from 'react';
import { Alert, View, WebView, Text } from 'react-native';

export default class TestWebview extends Component {
    render() {
        return (
        <View style={{ flex: 1, marginTop:20 }}>
            <View style={{ flex: 1, padding:5, backgroundColor:'black' }}>
                <Text style={{ color:'white' }}>Google.com:</Text>
                <WebView style={{ flex: 1 }}
                    source={{ uri: 'https://www.google.com' }}
                    onError={() => Alert.alert("error")}
                    renderError={() => Alert.alert("error")}
                />
            </View>
            <View style={{ flex: 1, padding:5, backgroundColor:'black' }}>
                <Text style={{ color:'white' }}>SeLoger.com:</Text>
                <WebView style={{ flex: 1 }}
                    source={{ uri: 'https://www.seloger.com' }}
                    onError={() => Alert.alert("error")}
                    renderError={() => Alert.alert("error")}
                />
            </View>
        </View>
        );
    }
}

请注意 onError 和 renderError 永远不会被触发。

这是我发现的唯一导致这种行为的网站。这很不幸，因为这是我需要在我的应用程序中显示的内容。

任何人都知道为什么 iOS 不会呈现这个特定的网站以及我如何规避这个问题？谢谢。

Answer 1

我找到了解决方法

将以下属性添加到 webview 可以使其正确显示。

useWebKit={true}