我正在使用react-native-webview
呈现Webview。当我在Web视图中从一页导航到另一页,然后尝试使用this.webviewref.goBack()
返回时,出现nodeHandle expected to be non-null
异常。
这是我的代码
<View style={{ flex: 1 }}>
<Header
headingText={headerText}
onpress={() => {
// this.dispatchCustomEvent(BACK_PRESS);
if (this.canGoBack) {
this.webViewRef.goBack();
} else NavigationActions.pop();
}}
/>
<WebView
source={{ uri: "http://localhost:3001/invite/" }}
bounces={false}
javaScriptEnabled={true}
ref={webViewRef => (this.webViewRef = webViewRef)}
// injectedJavaScript={patchPostMessageJsCode}
onMessage={event => {
const { type, data } = JSON.parse(event.nativeEvent.data);
console.log({ type });
console.log({ data });
this.handleEvent(type, data);
}}
onNavigationStateChange={navState =>
(this.canGoBack = navState.canGoBack)
}
/>
</View>
控制台日志
this.webViewRef
显示weViewRef中存在goBack
方法可以在此处找到引发
nodeHandle expected to be non-null
的代码https://github.com/react-native-community/react-native-webview/blob/master/src/WebView.ios.tsx我无法理解
getWebViewHandle
是什么问题以及为什么
nodeHandle
为null。 最佳答案
我有同样的问题。原来,我的本机版本太低了。至少查询0.57。升级到0.59.5和其他依赖项后,此问题消失。