reactjs - React Navigation 导航到特定选项卡

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

从 Discord 社区获得了一些帮助。方法如下:

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

要查看实际效果，have a look at a snack I created