微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

React Native Webview:如何为Android启用“滑动导航”手势?

如何解决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 举报,一经查实,本站将立刻删除。