title: react-navigation v5 (next): Navigating to nested Child screen from the Child screen of different Parent
body: <p>Using react-navigation v5 (next):</p>
  
  <p>High Level Question: Navigating to nested Child screen from the Child screen of different Parent.</p>
  
  <p>Here is my root navigator</p>
  
  <pre class="lang-js prettyprint-override"><code>export const AppNavigator = (props): React.ReactElement =&gt; (
     &lt;Stack.Navigator {...props} headerMode='none' mode={'modal'}&gt;
        &lt;Stack.Screen name={AppRoute.AUTH} component={AuthNavigator} /&gt;
        &lt;Stack.Screen name={AppRoute.HOME} component={HomeNavigator} /&gt;
     &lt;/Stack.Navigator&gt;
  );
  </code></pre>
  
  <p>Here is my AuthNavigator:</p>
  
  <pre class="lang-js prettyprint-override"><code>export const AuthNavigator = (): React.ReactElement =&gt; (
     &lt;Stack.Navigator headerMode='none'&gt;
        &lt;Stack.Screen name={AppRoute.SIGN_IN} component={SignInScreen} /&gt;
        &lt;Stack.Screen name={AppRoute.LOG_OUT} component={LogOutScreen} /&gt;
        &lt;Stack.Screen name={AppRoute.SIGN_UP} component={SignUpScreen} /&gt;
        &lt;Stack.Screen
           name={AppRoute.RESET_PASSWORD}
           component={ResetPasswordScreen}
        /&gt;
     &lt;/Stack.Navigator&gt;
  );
  </code></pre>
  
  <p>From within a page in <code>HomeNavigator</code> I want to navigate directly to the <code>LogOutScreen</code>/<code>AppRoute.LOG_OUT</code>. </p>
  
  <p>I can call <code>navigate(AppRoute.AUTH)</code> but if I call <code>navigate(AppRoute.LOG_OUT)</code> it has no effect. </p>