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



我正在使用react原生webview为我已经开发的web应用程序创建一个webview接口。我正在尝试为网络应用程序启用"滑动导航"手势,以便在屏幕之间转换,它为iOS提供了一种内置方法allowsBackForwardNavigationGestures。然而,对于安卓来说,它没有这样的方法。

为网络视图启用"滑动导航"手势的方法是什么?有图书馆可以这样做吗?如果是,会是什么?如果没有,解决方法是什么?

下面是我写的简单代码。

import React, {useEffect} from 'react';
import { WebView } from 'react-native-webview';
export default function App() {
return (
<WebView source = {{uri:/* url to my website */}} 
style = {{ marginTop : 50 }} 
allowsBackForwardNavigationGestures = {true}
/>
);
}

谢谢!

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本地导入必要的项目

相关内容

  • 没有找到相关文章

最新更新