我正在使用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本地导入必要的项目