如何导航至React-Nativ中未显示的屏幕< Tab.Navigator>?

628mspwn  于 2022-11-25  发布在  React
关注(0)|答案(2)|浏览(131)

我有一<Tab.Navigator>个,它有四<Tab.Screen>个元素。我试着做的是,按下一个特定的按钮<Tab.Screen>,然后在它上面打开另一个屏幕。但是我不希望这个另一个屏幕<Tab.Screen>在栏中有导航器<Tab.Navigator>。
我想也许有一个选项隐藏,使隐形,<Tab.Screen>但我找不到任何有关它的文档。
有没有可能做到这一点?

eoigrqb6

eoigrqb61#

您必须嵌套导航器,将堆栈导航器作为外部导航器,将制表符导航器作为内部导航器:
https://reactnavigation.org/docs/nesting-navigators

3pmvbmvn

3pmvbmvn2#

根据官方的doc,你可以重新组织你的导航,并把底部的标签导航器放在堆栈导航器里面,就像这样

function HomeTabs() {
  return (
    <Tab.Navigator>    // Here you can also navigate to both Profile and Settings
      <Tab.Screen name="Home" component={Home} />
      <Tab.Screen name="Feed" component={Feed} />
      <Tab.Screen name="Notifications" component={Notifications} />
    </Tab.Navigator>
  );
}

function App() {
  return (
    <Stack.Navigator>
      <Stack.Screen name="Home" component={HomeTabs} />
      <Stack.Screen name="Profile" component={Profile} />  // Here you won't have any tabs
      <Stack.Screen name="Settings" component={Settings} />   // Here neither
    </Stack.Navigator>
  );
}

相关问题