React native 反应导航关闭抽屉单击底部选项卡导航器

我的

react导航设置如下所示。当按压抽屉组件外部时，抽屉可以关闭。（但当我单击
底部导航器选项卡部分时，情况并非如此）。
单击底部导航时，如何关闭抽屉

const HomeFilterDrawer = createDrawerNavigator(
  {
    Home: {
      screen: HomeScreen,
      navigationOptions: ({navigation}) => ({
        header: null,
      }),
    },
  },
  {
    initialRouteName: 'Home',
    contentComponent: DrawerComponent,
    drawerPosition: 'right',
  },
);

const HomeScreenStack = createStackNavigator(
  {
    Home: {
      screen: HomeFilterDrawer,
      navigationOptions: ({navigation}) => ({
        header: null,
      }),
    },
    Search: {
      ...
    },
  }
);

const AppNavigator = createBottomTabNavigator(
    Home: {
      screen: HomeScreenStack,
      navigationOptions: {
        tabBarLabel: 'Home,
        tabBarIcon: tabInfo => {
          return (
            <Ionicons name="ios-home" size={25} />
          );
        },
        tabBarOnPress: ({navigation}) => {
          navigation.popToTop();
          navigation.navigate(navigation.state.routeName);
        },
      },
    },
);

const HomeFilterDrawer=createDrawerNavigator(
{
主页：{
屏幕：主屏幕，
导航选项：（{navigation}）=>({
标题：null，
}),
},
},
{
initialRouteName:“主页”，
contentComponent：抽屉组件，
抽屉位置：'对'，
},
);
const HomeScreenStack=createStackNavigator(
{
主页：{
屏幕：HomeFilterDrawer，
导航选项：（{navigation}）=>({
标题：null，
}),
},
搜索：{
...
},
}
);
const AppNavigator=createBottomTabNavigator(
主页：{
屏幕：HomeScreenStack，
导航选项：{
tabBarLabel:'家，
tabBarIcon:tabInfo=>{
返回(
);
},
tabBarOnPress:（{navigation}）=>{
navigation.poptoop（）；
navigation.navigate（navigation.state.routeName）；
},
},
},
);

您是否尝试使用
抽屉操作关闭抽屉

从“@react导航/路由器”导入{DrawerActions}；
// ...
//在tabbaronPress中，调用以下命令
navigation.dispatch（DrawerActions.closeDrawer（））；