react-native - React Native Webview 处理 url 更改监听器

Question

可以在 React Native Web View 上处理 URL 更改。

我尝试处理 onNavigationStateChange听众。但它只有一次发射。当页面加载时触发 onNavigationStateChange。当我导航到另一个页面时，此事件不会触发。

任何的想法？

Answer 1

引用import { WebView } from 'react-native-webview'请尝试关注 code/method获取当前导航 path/url因为在你的情况下 onNavigationStateChange这可能不会返回导航路径，因此您可以尝试 onLoadProgress .
而不是这个

 onNavigationStateChange={(state) => {
  console.log("current_path",path);

 }}

试试这个
这可能会被多次调用，请相应地处理您的情况。

 onLoadProgress={({ path}) => {
 console.log("current_path",path);
 }}

This is how my WebView looks like

  <WebView
    source={{ uri: this.state.url }}
    onLoadEnd={() => this.hideSpinner()}
    onMessage={onMessage.bind(this)}
    ref={WEBVIEW_REF => (this.WebViewRef = WEBVIEW_REF)}
    startInLoadingState={true}
    javaScriptEnabled={true}
    domStorageEnabled={true}
    onLoadProgress={({ nativeEvent }) => {
       //your code goes here       
    }}
    onNavigationStateChange={(state) => {
       //your code goes here       
    }} 
   />