react-native - 从抽屉导航器导航到特定选项卡

Question

是否可以在 Drawer Navigator 中嵌套 Tab Navigator，然后从 Drawer 导航到特定选项卡？

考虑这个非常基本的设置：

const PrimaryNav = createBottomTabNavigator({
  ScreenOne,
  ScreenTwo
 })

export const DrawerNavigator = createDrawerNavigator({
  Home: {
    screen: PrimaryNav,
    drawerLabel: 'Option 1',
  },
  Investment: {
    screen: PrimaryNav,
    drawerLabel: 'Option 2',
  }
})

显然，无论您单击哪个选项，此设置都只会解析到 TabNav 中的第一项。

有没有办法传递一个选项来专门导航到每个选项卡？我知道可以将 ScreenOne 和 ScreenTwo 传递给 DrawerNavigator 中的“屏幕”选项，但我想保留这些选项卡。

标签： react-nativereact-navigation

Answer 1

2020：通过嵌套导航器导航

onPress={() => {
  navigation.navigate('Root', {
  screen: 'Screen'
});