如何在堆栈导航器中进行从子v5到另一个子How的嵌套导航？

// 子组件v5
import React from 'react';
import { Button } from 'react-native';

const V5 = ({ navigation }) => {
  const navigateToHow = () => {
    navigation.navigate('NestedNavigator', { screen: 'How' });
  };

  return (
    <Button title="Go to How" onPress={navigateToHow} />
  );
};

export default V5;

// 导航配置
import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

const NestedNavigator = () => {
  return (
    <Stack.Navigator>
      <Stack.Screen name="How" component={How} />
    </Stack.Navigator>
  );
};

const MainNavigator = () => {
  return (
    <Stack.Navigator>
      <Stack.Screen name="V5" component={V5} />
      <Stack.Screen name="NestedNavigator" component={NestedNavigator} />
    </Stack.Navigator>
  );
};

export default MainNavigator;