在反应原生的特定页面上禁用幻灯片菜单[抽屉]

Question

我还是个初学者。

我正在开发一个包含滑动菜单 [抽屉] 的应用程序。

我想在几页上禁用那个抽屉。

在我的应用中，我创建了两个 StackNavigator [first- HomeNavigator1, second - 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',
}

);

注意：整个代码在一个文件中

我的问题或疑问

如何禁用 HomeNavigator1 [用于 4 个屏幕开始、登录、注册和忘记密码] 的滑动菜单 [抽屉]？

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

感谢您贡献宝贵的时间

Answer 1

您可以禁用路线中的手势。

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

或在您的屏幕上：

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

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