React Navigation 导航到特定选项卡

Question

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

从 Discord 社区获得了一些帮助。这样做的方法如下：

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

要查看它的实际效果，请查看我创建的小吃

Answer 2

在反应导航 v5 中

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