How to lock drawer menu only on some screens of my stack?

Viewed 47

What I need to do is just block the swipe action to open the menu on a specific screen of my stack

Stack:

const SignedInStack = () => (
  <Stack.Navigator>
    <Stack.Screen name='Confluence' component={Confluence} />
    <Stack.Screen name='QRCode' component={Main} />
    <Stack.Screen name='Notifications' component={Notifications} />
  </Stack.Navigator>
)

DrawerMenu:

const DrawerMenu = () => (
  <Drawer.Navigator
    screenOptions={{ headerShown: false }}
    drawerContent={(props) => <CustomDrawerContent {...props} />}
  >
    <Drawer.Screen
      name="SignedInStack"
      component={SignedInStack}
    />
  <Drawer.Navigator/>
);

App.js:

const App = () => (
  <NavigationContainer>
    <DrawerMenu />
  </NavigationContainer>
);
1 Answers
Related