React Native webview获取网址

发布时间：2020-12-15 20:54:56 所属栏目：百科来源：网络整理

导读：允许我指定目标网址的Webview组件,例如facebook.com render() { return ( WebView source={{uri: https://www.facebook.com}} style={{marginTop: 20}} / ); } 但是,如果我点击Facebook中的链接,我如何获取点击的网址或网址？这是我用于以前项目的Webview.

允许我指定目标网址的Webview组件,例如facebook.com

render() {

    return (
        <WebView
          source={{uri: https://www.facebook.com}}
          style={{marginTop: 20}}
        />
    );
  }

但是,如果我点击Facebook中的链接,我如何获取点击的网址或网址？

这是我用于以前项目的Webview.

<WebView
       ref="webview"
       source={{uri:this.state.url}}
       onNavigationStateChange={this._onNavigationStateChange.bind(this)}
       javaScriptEnabled = {true}
       domStorageEnabled = {true}
       injectedJavaScript = {this.state.cookie}
       startInLoadingState={false}
     />

对你来说必不可少的是这一行：

onNavigationStateChange={this._onNavigationStateChange.bind(this)}

你可以这样读取URL：

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

如果我没记错的话,加载网址时会发生3次火灾.

webviewState对象原型：

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

调用此事件的第3个(最后)时间,加载属性为false

让我知道它是否有帮助.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!