Question

我试图在我的本机应用程序中将一个名为seloger.com的法语网站显示到Webview中。

几天以来，仅在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}

为什么特定站点在React Native Webview中显示为“错误”？

1 个答案: