从选项卡导航选项卡打开抽屉导航

Question

我在 react 本机应用程序中使用选项卡导航器和抽屉导航器。当按下其中一个选项卡时，我需要打开抽屉导航器。例如，最后一个名为“帐户”的选项卡应该会打开抽屉。

// drawer navigation
const AppDrawerNavigator = createDrawerNavigator({
  Account: AccountScreen,
});

// tab navigation
const AppTabNavigator = createBottomTabNavigator({
  Home: {
    screen: HomeScreen,
  },
  Account: {
    screen: AppDrawerNavigator,
  }
});

现在使用我的代码，应用只是在按下帐户选项卡时导航到帐户屏幕，而不是打开抽屉。有没有办法做到这一点？

Answer 1

我找到了关于这个问题的答案 > React Native - Accessing drawer navigation outside of AppNavigator

我创建了一个 NavigationService 并将以下内容添加到服务中。

function openDrawer(routeName, params) {
  _navigator.dispatch(DrawerActions.openDrawer());
}