title: React Native how to programmatically navigate to a stack screen that is on a tab navigator
body: <p>I have searched tirelessly for an answer to this issue.</p>
  <p>I have a Tab Navigator:</p>
  <pre><code>const AppNavigator = () =&gt; {
  return (
  &lt;Tab.Navigator initialRouteName=&quot;Search&quot;&gt;
    &lt;Tab.Screen
      name=&quot;Home&quot;
      children={() =&gt; &lt;HomeScreen /&gt;}
      options={{
        tabBarIcon: ({ color, size }) =&gt; (
          &lt;MaterialCommunityIcons name=&quot;home&quot; color={color} size={size} /&gt;
        ),
      }}
    /&gt;
    &lt;Tab.Screen
      name=&quot;Search&quot;
      children={() =&gt; &lt;SearchContainerNavigator /&gt;}
      options={{
        tabBarIcon: ({ color, size }) =&gt; (
          &lt;FontAwesome5 name=&quot;search&quot; color={color} size={size} /&gt;
        ),
      }}
    /&gt;
    &lt;Tab.Screen
      name=&quot;Feedback&quot;
      children={() =&gt; &lt;FeedbackScreen /&gt;}
      options={{
        tabBarIcon: ({ color, size }) =&gt; (
          &lt;MaterialCommunityIcons name=&quot;email&quot; color={color} size={size} /&gt;
        ),
      }}
    /&gt;
  &lt;/Tab.Navigator&gt;
  );
  };
  </code></pre>
  <p>And this Stack navigator:</p>
  <pre><code>const SearchContainerNavigator = () =&gt; (
  &lt;Stack.Navigator screenOptions={{ headerShown: false}} initialRouteName=&quot;SearchSelect&quot;&gt;
      &lt;Stack.Screen name=&quot;SearchSelect&quot; component={SearchSelectScreen} /&gt;
      &lt;Stack.Screen name=&quot;AircraftSearch&quot; component={AircraftSearchScreen} /&gt;
      &lt;Stack.Screen name=&quot;AircraftResults&quot; component={AircraftResultsScreen} /&gt;
      &lt;Stack.Screen name=&quot;AircraftDetail&quot; component={AircraftDetailScreen} /&gt;
      &lt;Stack.Screen name=&quot;BrandSearch&quot; component={BrandSearchScreen} /&gt;
      &lt;Stack.Screen name=&quot;BrandResults&quot; component={BrandResultsScreen} /&gt;
      &lt;Stack.Screen name=&quot;BrandDetail&quot; component={BrandDetailScreen} /&gt;
      &lt;Stack.Screen name=&quot;Favourites&quot; component={FavouritesScreen} /&gt;
  &lt;/Stack.Navigator&gt;
  )
  </code></pre>
  <p>My issue is how do I programmatically navigate from HomeScreen tab to the AircraftDetailsScreen on the Search Tab??</p>
  <p>Thanks in advance.</p>
  <p>EDIT:</p>
  <pre><code>HomeScreen is a class.
  
   handleAircraftSelect = (aircraft_id) =&gt; {
   this.props.navigation.navigate(&quot;Search&quot;, {
     screen: &quot;AircraftDetail&quot;,
     params: { id: aircraft_id },
   });
   };
  </code></pre>