使用react本机Web视图的stopLoading后，Web视图被冻结

Question

我想在React原生Webview中打开一个网页，并在默认浏览器中打开hrefs(链接(。我尝试使用Webview的stopLoading方法，但它冻结了视图。我使用这个线程上的答案成功地实现了这一点。

方法stopLoading of react native webview导致网站冻结

但在某些情况下，随机点击href链接后，它会在Webview中打开网页，同时在默认浏览器中打开网页。我希望它只能在浏览器中打开。请检查我在这里做错了什么。或者有什么更好的方法来实现这一点？

这是我正在使用的代码：

LoadingIndicatorView() {
return (
<ActivityIndicator
color="#009b88"
size="large"
style={{ flex: 1, justifyContent :'center', }}
/>
);
}
handleWebViewRequest = request => {
const {url} = request;
Linking.openURL(url);
return false;
}
render() {
let uri = 'https://www.google.com/';
let sku = this.props.route.params.sku;
let location = this.props.route.params.location;
return (
<WebView
ref={ref => (this.webview = ref)}  
source={{ uri: uri, method: 'POST', body: 'device=tablet&search='+sku+'&ref='+location }}
renderLoading={this.LoadingIndicatorView}
startInLoadingState={true}
onShouldStartLoadWithRequest={this.handleWebViewRequest.bind(this)}
style={{ flex: 1 }}
/>    
);
}

Answer 1

我在为onShouldStartLoadWithRequest调用的方法中添加了stopLoading

webViewRef.current.stopLoading();

其中webViewRef是webView 的ref

ref = { webViewRef }