title: How to navigate from custom navigator to createBottomTabNavigator in React Native?
body: <p>I've a custom navigator because I wanted to go back to the previous screen using a back swipe gesture. Below is the code of the main file from where the navigators are called.</p>
  
  <pre><code>const MainSwipeStack = () =&gt; {
      return(
          &lt;Navigator&gt;
              &lt;Route name="LoggedOutHome" component={LoggedOutHome} /&gt;
              &lt;Route name="SignUp" component={SignUp} /&gt;
              &lt;Route name="SignupUsername" component={SignupUsername} /&gt;
              &lt;Route name="Login" component={Login} /&gt; 
          &lt;/Navigator&gt; 
      );
  }
  
  export default createSwitchNavigator({
      SwipeStack: {screen: MainSwipeStack},
      TabHolder: {screen: TabHolder}
  }, {
      initialRouteName: 'SwipeStack',
      headerMode: 'none',
  });
  </code></pre>
  
  <p>And below is the link to the <code>Navigator.js</code> code. (I didn't add the code here because it's a long code.)</p>
  
  <p><a href="https://gist.github.com/shubham6996/a4197d2d0b664d4aabe01091cac6c91e" rel="nofollow noreferrer">https://gist.github.com/shubham6996/a4197d2d0b664d4aabe01091cac6c91e</a></p>
  
  <p>And the <code>TabHolder</code> takes me to the screen which has <code>createBottomTabNavigator</code>.</p>
  
  <p>So, now I'm not able to navigate from the <code>Login</code> screen to <code>TabHolder</code> stack.</p>
  
  <p>How can I navigate from <code>Login</code> which is in a custom navigator to <code>TabHolder</code> stack?</p>