在 bottomBar 内反应本机导航 v5 导航选项卡

Question

我构建了一个具有“列表模式”和“项目模式”的应用程序。在列表模式下，您有一个“项目”列表。当您 select 一个项目时，您可以在详细视图中导航，该视图的底栏带有选项卡 (@react-navigation/bottom-tabs)。

现在，当我处于列表模式时，使用 react-navigation v4，我能够在特定选项卡中的列表中导航，但我不明白如何使用 react-navigation v5 执行此操作.

我基本就是这个结构

<NavigationContainer>
  <Stack.Navigator headerMode="none">
    <Stack.Screen name="List" component={ItemsScreen} />

    <Stack.Screen name="Item" component={MainTabNavigator} />
  </Stack.Navigator>
</NavigationContainer>;

我可以轻松导航

<Stack.Screen name="ItemDetail" component={ItemDetailScreen} />;

但是，如果我这样做，我会在主视图内导航它，而不是在底部栏内。

关于如何使用第二个选项卡将应用程序移动到项目模式的任何想法 selected？

Answer 1

像下面这样导航时必须指定屏幕

此处 'tabs' 是堆栈中包含选项卡导航器的屏幕，'Settings' 是选项卡中的屏幕。这将导航到选项卡屏幕并切换到“设置”选项卡。

<Button title="Navigate" onPress={()=>navigation.navigate('tabs',{screen:'Settings'})}/>

在 bottomBar 内反应本机导航 v5 导航选项卡

React native navigation v5 navigate tab inside bottomBar

react-native

react-native-navigation

react-navigation