React native 滑动手势不'；t在React导航中打开/关闭抽屉

我将React Native与React Navigation V3一起使用

下面是我用于抽屉导航器和StackNavigator的代码

import React from "react";
import { StyleSheet, TouchableOpacity } from "react-native";
import { createStackNavigator, createDrawerNavigator } from "react-navigation";
import MaterialIcon from "react-native-vector-icons/MaterialIcons";
import FontAwesome5Icon from "react-native-vector-icons/FontAwesome5";
import Home from "../Home";
import Profile from "../Profile";
import DrawerContainer from "../common/DrawerContainer";
import Colors from "../../helpers/Colors";

const styles = StyleSheet.create({
  drawerButton: {
    paddingRight: 20,
    paddingTop: 4
  },
  alertButton: {
    paddingLeft: 15,
    paddingTop: 2
  }
});

const DrawerStack = createDrawerNavigator(
  {
    Home: { screen: Home },
    Profile: { screen: Profile }
  },
  {
    // contentComponent: DrawerContainer,
    drawerPosition: "right",
    drawerWidth: 200
  }
);

const drawerButton = navigation => (
  <TouchableOpacity onPress={navigation.toggleDrawer}>
    <MaterialIcon
      name="menu"
      size={27}
      color="white"
      style={styles.drawerButton}
    />
  </TouchableOpacity>
);

const AlertButton = () => (
  <TouchableOpacity>
    <FontAwesome5Icon
      name="bell"
      size={21}
      color="white"
      light
      style={styles.alertButton}
    />
  </TouchableOpacity>
);

const AppStack = createStackNavigator(
  {
    DrawerStack: { screen: DrawerStack }
  },
  {
    defaultNavigationOptions: ({ navigation }) => ({
      headerStyle: { backgroundColor: Colors.primary },
      title: "Title",
      headerTitleStyle: {
        fontFamily: "casual",
        marginTop: 5,
        textAlign: "left",
        flex: 1
      },
      headerTintColor: "white",
      headerLeft: drawerButton(navigation),
      headerRight: AlertButton()
    })
  }
);

export default AppStack;

从“React”导入React；
从“react native”导入{StyleSheet，TouchableOpacity}；
从“反应导航”导入{createStackNavigator，createDrawerNavigator}；
从“反应本机矢量图标/唯物主义者”导入唯物主义者；
从“反应本机向量图标/FontAwesome5”导入FontAwesome5图标；
从“./主页”导入主页；
从“./Profile”导入配置文件；
从“./common/DrawerContainer”导入抽屉容器；
从“../../helpers/Colors”导入颜色；
const styles=StyleSheet.create({
抽屉按钮：{
paddingRight:20，
加油站：4
},
警报按钮：{
paddingLeft:15，
加油站：2
}
});
const DrawerStack=createDrawerNavigator(
{
主页：{screen:Home}，
配置文件：{屏幕：配置文件}
},
{
//contentComponent:DrawerContainer，
抽屉位置：“对”，
抽屉宽度：200
}
);
常量抽屉按钮=导航=>(
);
常量警报按钮=（）=>(
);
const AppStack=createStackNavigator(
{
抽屉钉：{屏幕：抽屉钉}
},
{
defaultNavigationOptions:（{navigation}）=>({
headerStyle:{backgroundColor:Colors.primary}，
标题：“标题”，
头饰样式：{
fontFamily：“休闲”，
玛金托普：5，
textAlign：“左”，
弹性：1
},
头部颜色：“白色”，
头部左侧：抽屉按钮（导航），
headerRight:AlertButton（）
})
}
);
导出默认应用堆栈；

出于某种原因，当我试图在抽屉打开后将其滑出轨道时，它不起作用，而且用滑动手势打开抽屉也不起作用

---

我只在Android、Nexus 5模拟器和LG G4 real设备上进行了测试。

可能重复的问题您有没有找到解决方案？