在React Navigation 5中,可以通过使用 useNavigation
钩子函数以及 goBack
方法来实现按返回按钮导航到特定屏幕。
以下是具体步骤:
import { useNavigation } from '@react-navigation/native';
useNavigation
钩子函数获取导航对象:const navigation = useNavigation();
goBack
方法,并传递目标屏幕的路由名称:navigation.goBack('TargetScreen');
完整的代码示例:
import React from 'react';
import { Button } from 'react-native';
import { useNavigation } from '@react-navigation/native';
const HomeScreen = () => {
const navigation = useNavigation();
const navigateToTargetScreen = () => {
navigation.goBack('TargetScreen');
};
return (
<Button title="Go to Target Screen" onPress={navigateToTargetScreen} />
);
};
export default HomeScreen;
上述代码中的 TargetScreen
是目标屏幕的路由名称,通过调用 goBack
方法并传递该名称,可以实现从当前屏幕返回到目标屏幕。
希望这个回答对你有所帮助!如果你有任何其他问题,请随时提问。
领取专属 10元无门槛券
手把手带您无忧上云