React原生webview獲取網址

Question

Webview組件允許我指定目標網址，例如facebook.com

render() { 

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

但是，如果我點擊Facebook中的鏈接，我怎麼能得到被點擊的網址或網址被降落？

Answer 1

這是我用於以前項目的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)} 

，你可以這樣寫的網址：

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

如果我沒有記錯這個火災3次加載URL時。

webviewState對象原型：

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

第三（最終）時間這個事件被調用時，裝載屬性是假

讓我知道，如果它幫助。