React native 在react导航中,我们如何在堆栈位于抽屉中的位置逐堆栈屏幕回复抽屉屏幕?不相同的屏幕(反应本机)

React native 在react导航中,我们如何在堆栈位于抽屉中的位置逐堆栈屏幕回复抽屉屏幕?不相同的屏幕(反应本机),react-native,react-navigation-v5,React Native,React Navigation V5,成功登录后,我将移动到此抽屉 const SalesRepDrawerNavigation = () => { return ( <SalesRepDrawerNavigator.Navigator initialRouteName="SalesRepDashboardStack"> <SalesRepDrawerNavigator.Screen name="SalesRepDashboardStack

成功登录后,我将移动到此抽屉

const SalesRepDrawerNavigation = () => {
  return (
    <SalesRepDrawerNavigator.Navigator initialRouteName="SalesRepDashboardStack">
      <SalesRepDrawerNavigator.Screen
        name="SalesRepDashboardStack"
        component={SalesRepDashboardStackNavigation}
        options={{
          headerTitle: 'Sales Rep Dashboard'
        }}
      />
      <SalesRepDrawerNavigator.Screen
        name="Customers"
        component={CustomerListScreen}
      />
      <SalesRepDrawerNavigator.Screen
        name="SalesOrderView"
        component={SalesOrderStackNavigation}
        options={{
          
        }}
      />
    </SalesRepDrawerNavigator.Navigator>
  );
};

const SalesRepDashboardStackNavigation = () => {
    return (
        <SalesRepDashboardStackNavigator.Navigator key="test" headerMode="none" initialRouteName="SalesRepDashboard">
            <SalesRepDashboardStackNavigator.Screen
                name="SalesRepDashboard"
                component={SalesRepDashboardScreen}
            />
            <SalesRepDashboardStackNavigator.Screen
                name="CreateSalesOrder"
                component={CreateSalesOrderScreen}
            />
        </SalesRepDashboardStackNavigator.Navigator>
    );
};
const salesreprapernavigation=()=>{
返回(
);
};
const SalesRepDashboardStackNavigation=()=>{
返回(
);
};
然后,当我转到客户列表屏幕并选择一个客户时,我要移动到创建销售订单屏幕,同时要删除客户列表。我将react native与react navigation v5一起使用

我如何才能做到这一点?

像这样使用它:

在DroperData组件中,您必须创建一个抽屉项目列表(自定义组件),对于屏幕之间的导航,通常使用导航

在堆栈中添加所有屏幕。仅限Navigator。抽屉将只有主屏幕

 /*Drawer data is custom drawer item list*/
    
 export function DrawerNav() {
          return (
            <Drawer.Navigator drawerContent={props => <DrawerData {...props} />}>
              <Drawer.Screen name="Home" component={HomeScreen} />
            </Drawer.Navigator>
          );
    }
    
    const RootStackScreen = () => { 
    
    return (
      <Stack.Navigator>
            <>
              <Stack.Screen
                name="HomeScreen"
                component={DrawerNav}
              />
              <Stack.Screen
                name="FirstScreen"
                component={FirstScreen}
              />
    
              <Stack.Screen
                name="SecondScreen"
                component={SecondScreen}
              />
     </Stack.Navigator>
    );
    
    }
/*抽屉数据是自定义抽屉项目列表*/
导出函数DrawerNav(){
返回(
}>
);
}
const RootStackScreen=()=>{
返回(
);
}