如何解决React Native Webview:如何为Android启用“滑动导航”手势?
我正在使用react-native-webview为我已经开发的Web应用程序创建WebView界面。我正在尝试为Web应用程序启用“滑动导航”手势以在屏幕之间切换,并且它提供了内置方法Agent
,适用于iOS。但是,对于Android,它没有这种方法。
启用“滑动浏览”手势进行Webview的方式是什么?有图书馆这样做吗?如果是这样,那会是什么?如果没有,那么解决方法是什么?
下面是我编写的简单代码。
allowsBackForwardNavigationGestures
谢谢!
解决方法
const webView = useRef(null)
const [canGoBack,setCanGoBack] = useState(false)
useEffect(() => {
if (Platform.OS === 'android') {
console.log(webView)
BackHandler.addEventListener('hardwareBackPress',HandleBackPressed)
return () => {
BackHandler.removeEventListener('hardwareBackPress',HandleBackPressed)
}
}
},[]) // INITIALIZE ONLY ONCE
const HandleBackPressed = () => {
if (webView.current) {
webView.current.goBack()
return true
}
return false
}
return (
<WebView
ref={webView}
style={{
width: '100%',height: '100%',}}
source={{ uri:"example.com" }}
/>
)
并从 react-native 导入必要的项目
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。