如何在React Native中禁用左滑动手势

Question

我正在尝试在我的应用中使用createStackNavigator和createDrawerNavigator。应用程序运行正常，但不知何故我被卡住了，我尽力了但没有解决问题。实际上，我在DrawerNavigator处将用户导航到另一个屏幕，并在用户被导航的那一刻出现，但是当我从左侧菜单中滑动时会出现。我想限制用户导航至所需屏幕时滑动菜单。

代码

import { createStackNavigator } from "react-navigation-stack";
import { createAppContainer } from "react-navigation";
import { createDrawerNavigator } from "react-navigation-drawer";
import React from "react";

import Login from "../components/login/Login";
import Signup from "../components/signup/Signup";
import Pharmacy from "../screens/pharmacy/pharmacyScreen";
import MainApp from "../screens/MainApp";
import MainAppContent from "../screens/MainApp/MainAppContent";

const mainStack = createStackNavigator({
  MainApp: {
    screen: MainAppContent,
    navigationOptions: {
      headerShown: false,
      gestureEnabled: false
    }
  },
  Login: {
    screen: props => (
      <Login
        {...props}
        headerImage={require("../assets/login-header.png")}
        title="Welcome"
      />
    ),
    navigationOptions: {
      headerShown: false
    }
  },
  Pharmacy: {
    screen: Pharmacy,
    navigationOptions: {
      gestureEnabled: false
    }
  },

  Signup: {
    screen: Signup
  }
});

const drawerNavigator = createDrawerNavigator({
  MainApp: {
    screen: mainStack
  }
});

export default createAppContainer(drawerNavigator);

Answer 1

尝试在drawerLockMode上将'locked-closed'设置为drawerNavigator