时间戳

首页 > 解决方案 > Webivew onNavigationStateChange 方法在本机反应中多次调用

android - Webivew onNavigationStateChange 方法在本机反应中多次调用

问题描述

我正在制作反应本机应用程序和一个屏幕，我为此使用了 webview，我想处理 onNavigationStateChange 道具一次调用，现在它正在调用多次，所以知道如何解决这个问题。参考下面的代码

<WebView 
         ref={r => this.webview = r}
         style={{width:globals.screenWidth, height:globals.screenHeight}}
         bounces={false}
         style={{ flex: 1 }}
         startInLoadingState
         scalesPageToFit
         javaScriptEnabledAndroid={true}
         javaScriptEnabled={true}
         domStorageEnabled = {true}
         onNavigationStateChange={data =>
            this.handleNavigationStateChange(data)
        }
         onLoadStart={() => {
             console.log("onLoadStart-->");
         }}
         onLoadEnd={() => {
            console.log("onLoadEnd-->");
         }}
         source={{uri: globals.MYURL}}
         onError={(error) => this.onError()}
        />


handleNavigationStateChange = navState => {
    console.log("navState >>>>" + JSON.stringify(navState));

};

当我在上面运行代码 navState >>>> print 3 次时，我想处理 1 次，那么我该如何解决这个问题？您的所有建议都是值得赞赏的。

标签： androidiosreact-nativewebview

解决方案

我有同样的问题，但我将句柄移到 onLoadEnd

_onLoadEndHandle = (input) => {
   console.log(input.nativeEvent)
   if (input.nativeEvent.url.toLowerCase().includes('?type=print')) {
     console.log('printing...')
     this._print() // Calling printing function
   }
}

我希望这能帮到您。

推荐阅读