Реагировать на навигацию, закрыть ящик, щелкнуть нижнюю вкладку

Question

У меня есть react navigation, как указано ниже. Выдвижной ящик можно закрыть, если нажать снаружи на компонент выдвижного ящика. (Но не тогда, когда я нажимаю на bottom navigator tabs part). Как я могу закрыть ящик, когда нажимаю на нижнюю панель навигации?

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);
        },
      },
    },
);

Answer 1

Вы пытались закрыть ящик, используя DrawerActions?

import { DrawerActions } from '@react-navigation/routers';
// ...

// in tabbaronPress call the following
navigation.dispatch(DrawerActions.closeDrawer());