如何在 react-native 中使用 wkwebview 支持其他 URL

Question

我们正在使用

"react-native": "0.55.3",
"react-native-wkwebview-reborn": "^1.18.0",

我们将像这样加载 WKWebView 组件

                <WKWebView
                        onLoad={ this.handleWebviewLoad }
                        source={ { uri: payment.redirect_url } }
                        style={ styles.webview }
                    />

付款成功后，我们会得到一个redirect_target网址，例如：

nativeapp://domain/buypayment/success

WKWebView 现在由于 URL 不受支持的而失败。

我怎样才能告诉WKWebView也支持nativeapp://而不仅仅是http://和https://？

谢谢！

Answer 1

目前，包中不支持其他协议 react-native-wkwebview-reborn

在他们的RCTWKWebView.m中，它被明确设置为

if ((navigationAction.targetFrame.isMainFrame || _openNewWindowInWebView) && ([scheme isEqualToString:@"http"] || [scheme isEqualToString:@"https"])) {
    [webView loadRequest:navigationAction.request];
  } else {
    UIApplication *app = [UIApplication sharedApplication];
    NSURL *url = navigationAction.request.URL;
    if ([app canOpenURL:url]) {
      [app openURL:url];
    }
  }

这意味着如果方案http并https，那么它将加载请求，否则如果它可以打开url，它将创建应用程序的共享实例并在有效时打开它。

我对 swift 了解不多，但这个问题可以通过添加一个WKURLSchemeHandler来解决查看本文，其中介绍了如何注册和处理它。