如何在 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

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