在React Native中的特定页面上禁用幻灯片菜单[抽屉]

Question

我仍然是初学者。

我正在开发一个包含幻灯片菜单[抽屉]的应用。

我想在几页上禁用该抽屉。

在我的应用中，我创建了两个stacknavigator [first -homenavigator1，第二-Homenavigator]

const HomeNavigator1 = createStackNavigator({
  Start: {
      screen: StartScreen
    },
    Login: {
      screen: LoginScreen
    },
    Register: {
      screen: RegisterScreen
    },
    ForgetPass: {
      screen: ForgetPassScreen
    },
});
const HomeNavigator = createStackNavigator(
{ 
  HomeScreen: {
    screen: HomeScreen,
    navigationOptions: ({navigation}) => ({
    headerLeft: leftIcon(navigation, 'md-menu')
  })
  },
  WorkoutsScreen: {
    screen: WorkoutsScreen
  },
}, navigationOptions
);

最后，我创建了drawernavigator [在这里组合2个堆栈导航器]

const RootStack = createDrawerNavigator({
  Start:
  {
    screen:HomeNavigator1,
  },
  Home: 
  {
    screen: HomeNavigator,
  }
}, 
//created one other file named SideMenu which contains items of drawer menu
{
  contentComponent: SideMenu,
  drawerWidth: width * .7,
  drawerOpenRoute: 'DrawerOpen',
  drawerCloseRoute: 'DrawerClose',
  drawerToggleRoute: 'DrawerToggle',
}
);

注意：单个文件中的整个代码

我的问题或问题

如何禁用slide菜单[抽屉] homenavigator1 [用于4个屏幕启动，登录，注册和忘记速度]？

请指导并帮助我解决此问题。

谢谢您贡献您的宝贵时间

Answer 1

您可以从路线上禁用手势。

Start:
  {
    screen:HomeNavigator1,
    navigationOptions: {
        gesturesEnabled: false,
    }
  },

或到您的屏幕：

Login: {
      screen: LoginScreen,
      navigationOptions: {
            gesturesEnabled: false,
      }
    }

这不是解决此问题的最佳方法。