React Native webview获取网址

前端之家收集整理的这篇文章主要介绍了React Native 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

让我知道它是否有帮助.

原文链接:/react/301309.html

猜你在找的React相关文章