在 React Native 的特定页面上禁用滑动菜单 [drawer]

Question

我还是初学者

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

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

在我的应用程序中，我创建了两个 StackNavigator [第一个 - 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',
}

);

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

我的问题或疑问

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

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

感谢您贡献宝贵的时间

Answer 1

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

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

或到您的屏幕：

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

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

在 React Native 的特定页面上禁用滑动菜单 [drawer]

Disable slide menu [drawer] on specific pages in react native

navigation

android

ios

navigation-drawer

react-native