为什么特定网站在反应本机 Web 视图中显示为"错误"？

Question

我试图将一个名为Seloger.com的法语网站显示到我的React-Native应用程序中的WebView中。

自几天以来，仅在iOS上，而不是显示网站，WebView会显示"错误"消息。

屏幕截图：这就是它在Android上呈现的方式，两个WebView都很好：

屏幕截图：这是它在iOS上呈现（模拟器和真实设备）的方式，seloger.com WebView显示"错误："

这是我的代码：

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和RenderErr从未被解雇。

这是我发现唯一引起这种行为的网站。运气不好，因为这是我需要在应用中显示的。

有人知道为什么iOS不会渲染这个特定的网站，以及我如何阐明这个问题？谢谢。

Answer 1

我找到了一个解决方法

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

useWebKit={true}