Question

The example on React Navigation 显示了如何跳转到选项卡，但它会在您处于导航器中的选项卡所属的情况下显示。但是，如何从属于不同导航器的屏幕导航到特定选项卡？

我有：

function MealsNavigator() {
  const MealsStack = createStackNavigator();
  return (
    <MealsStack.Navigator>
      <MealsStack.Screen
        name="Meals"
        component={MealsScreenTabs}
      />
    </MealsStack.Navigator>
  );
}

function MealsScreenTabs() {
  const MealsTabs = createMaterialTopTabNavigator();
  return (
    <MealsTabs.Navigator>
      <MealsTabs.Screen name="Upcoming" component={MealsUpcomingScreen} />
      <MealsTabs.Screen name="Past" component={MealsPastScreen} />
    </MealsTabs.Navigator>
  );
}

我希望能够通过单击帐户导航器内的个人资料屏幕中的按钮导航到膳食 > 过去。怎么样？

Answer 1

在反应导航 v5 中

navigation.navigate('Meals', {screen: 'Past'});

Answer 2

从 Discord 社区获得了一些帮助。这是您的操作方法：

navigation.navigate('Meals', {
  screen: 'Meals',
  params: {screen: 'Past'},
})

要看到它的实际效果，have a look at a snack I created

反应导航导航到特定选项卡

2 个答案: