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

2024-01-27

是否可以将选项卡导航器嵌套在抽屉导航器中,然后从抽屉导航到特定选项卡?

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

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 中的“屏幕”选项,但我想保留选项卡。


2020:通过嵌套导航器进行导航

onPress={() => {
  navigation.navigate('Root', {
  screen: 'Screen'
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

从抽屉导航器导航到特定选项卡 的相关文章

随机推荐