javascript - React Native如何只允许一个链接在iOS的WebView中运行？

Question

我有一个 webview，我希望仅当页面包含 google.com 作为主机时才允许加载页面，但我不知道如何实现该代码，你能帮我吗

jsCode() {
  //something here 
 }


      <WebView
          source={webapp}
          ref="WEBVIEW_REF"
          onNavigationStateChange={this.onNavigationStateChange}
          style={webView}
          startInLoadingState
          injectedJavascript={this.jsCode.bind(this)}
          javaScriptEnabled={true}
          domStorageEnabled={true}
          decelerationRate="fast"
        />

Answer 1

您希望将 onNavigationStateChange 属性与检查 URL 域的函数一起使用。如果不允许该 url，则呈现错误。

_onNavigationStateChange(webViewState){
  console.log(webViewState.url)
}

webviewState对象原型(prototype):

{
  canGoBack: bool,
  canGoForward: bool,
  loading: bool,
  target: number,
  title: string,
  url: string,
}