如何在React Navigation5.x中通过分派操作导航到嵌套屏幕？

在React Navigation 5.x中，可以通过分派操作导航到嵌套屏幕。以下是一种实现方式：

首先，确保你已经安装了React Navigation 5.x及其相关依赖。

在你的导航器组件中，导入useNavigation钩子函数和相关的屏幕组件。

import { useNavigation } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

// 导航器组件
const Stack = createStackNavigator();

const MyNavigator = () => {
  return (
    <Stack.Navigator>
      <Stack.Screen name="Home" component={HomeScreen} />
      <Stack.Screen name="Nested" component={NestedScreen} />
    </Stack.Navigator>
  );
};

在需要进行导航的组件中，使用useNavigation钩子函数获取导航对象。

import { useNavigation } from '@react-navigation/native';

const HomeScreen = () => {
  const navigation = useNavigation();

  // 导航到嵌套屏幕
  const navigateToNestedScreen = () => {
    navigation.navigate('Nested');
  };

  return (
    // ...
    <Button title="Go to Nested Screen" onPress={navigateToNestedScreen} />
    // ...
  );
};