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=()=>{
返回(
);
}