React Native webview获取网址

前端之家收集整理的这篇文章主要介绍了React Native webview获取网址前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
允许我指定目标网址的Webview组件,例如facebook.com
  1. render() {
  2.  
  3. return (
  4. <WebView
  5. source={{uri: https://www.facebook.com}}
  6. style={{marginTop: 20}}
  7. />
  8. );
  9. }

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

这是我用于以前项目的Webview.
  1. <WebView
  2. ref="webview"
  3. source={{uri:this.state.url}}
  4. onNavigationStateChange={this._onNavigationStateChange.bind(this)}
  5. javaScriptEnabled = {true}
  6. domStorageEnabled = {true}
  7. injectedJavaScript = {this.state.cookie}
  8. startInLoadingState={false}
  9. />

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

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

你可以这样读取URL:

  1. _onNavigationStateChange(webViewState){
  2. console.log(webViewState.url)
  3. }

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

webviewState对象原型:

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

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

让我知道它是否有帮助.

猜你在找的React相关文章