He creado dos Drawer Navigators
const MenuDrawerRight = createDrawerNavigator(); const MenuDrawerLeft = createDrawerNavigator(); function RightDrawerScreens() { return ( <MenuDrawerRight.Navigator drawerContent={props => <RightDrawerContent {...props} />} screenOptions={{ headerShown: false, drawerType: 'back', drawerPosition: 'right', }}> <MenuDrawerRight.Screen name="Menu" component={Menu} /> <MenuDrawerRight.Screen name="DashBoard" component={DashBoard} /> </MenuDrawerRight.Navigator> ); } function LeftDrawerScreens() { return ( <MenuDrawerLeft.Navigator drawerContent={props => <LeftDrawerContent {...props} />} screenOptions={{headerShown: false}}> <MenuDrawerLeft.Screen name="Menu" component={Menu} /> <MenuDrawerLeft.Screen name="DashBoard" component={DashBoard} /> </MenuDrawerLeft.Navigator> ); }creó componentes separados para obtener el contenido del cajón.
Ahora, cómo envolver estos dos cajones en un navegador y cómo abrir estos cajones por separado (abrir un cajón con el primer clic del botón y abrir el segundo cajón con el segundo clic del botón)
por favor pregunte en la sección de comentarios si necesita otros detalles.
Envolví un cajón en otro cajón así
function MenuDrawerScreen() { return ( <MenuDrawerRight.Navigator drawerContent={props => <RightDrawerContent {...props} />} screenOptions={{ headerShown: false, drawerType: 'back', drawerPosition: 'right', }} initialRouteName="MenuScreen"> <MenuDrawerRight.Screen name="MenuScreen" component={Menu} /> <MenuDrawerRight.Screen name="DashBoard" component={DashBoard} /> <MenuDrawerRight.Screen name="LeftDrawer" component={LeftDrawerScreens} /> <MenuDrawerRight.Screen name="Profile" component={Profile} /> <MenuDrawerRight.Screen name="Logout" component={Logout} /> </MenuDrawerRight.Navigator> ); } function LeftDrawerScreens() { return ( <MenuDrawerLeft.Navigator drawerContent={props => <LeftDrawerContent {...props} />} screenOptions={{headerShown: false}}> <MenuDrawerLeft.Screen name="Menu" component={MenuDrawerScreen} /> </MenuDrawerLeft.Navigator> ); } y luego usé navigation.getParent().openDrawer() para abrir el cajón principal y navigation.openDrawer() para abrir el cajón secundario