title: React Navigation navigate to specific tab
body: <p><a href="https://reactnavigation.org/docs/material-top-tab-navigator/#jumpto" rel="nofollow noreferrer">The example on React Navigation</a> shows how you can jump to a tab, but it shows it in the case you are in the navigator the tabs are part of.
  But how do you navigate to a specific tab from a screen which is part of a different navigator?</p>
  <p>I have:</p>
  <pre><code>function MealsNavigator() {
    const MealsStack = createStackNavigator();
    return (
      &lt;MealsStack.Navigator&gt;
        &lt;MealsStack.Screen
          name=&quot;Meals&quot;
          component={MealsScreenTabs}
        /&gt;
      &lt;/MealsStack.Navigator&gt;
    );
  }
  
  function MealsScreenTabs() {
    const MealsTabs = createMaterialTopTabNavigator();
    return (
      &lt;MealsTabs.Navigator&gt;
        &lt;MealsTabs.Screen name=&quot;Upcoming&quot; component={MealsUpcomingScreen} /&gt;
        &lt;MealsTabs.Screen name=&quot;Past&quot; component={MealsPastScreen} /&gt;
      &lt;/MealsTabs.Navigator&gt;
    );
  }
  </code></pre>
  <p>I want to be able to navigate to Meals &gt; Past with a button click from my Profile screen inside the Account navigator. How?</p>