title: Navigate to the screen when Tab on BottomTabNavigator is pressed
body: <p>I would like to navigate to the screen when the particular tab on the BottomTabNavigator is pressed.</p>
  
  <p>Normally, when the tab is pressed, it navigates to the configured screen automatically.  But I don't want to have that behaviour.  I want to hide the bottom tab on that screen and provide <strong>back</strong> feature in the top bar too.  I normally use <code>navigation.navigate('routeName')</code> in ReactNavigationStack screens.  But I don't know how/where to write this code in the BottomTabNavigator configuration.</p>
  
  <p>For example, I've got the following 5 tabs in the bottom bar.  I want to navigate to <strong>AddNewScreen</strong> when <strong>Add</strong> button is pressed.  I don't know where to put that onPress event.  I tried to put it under <code>options</code> and <code>BottomTab.Screen</code>.  But still no luck.</p>
  
  <p><a href="https://i.stack.imgur.com/VTKhB.png" rel="noreferrer"><img src="https://i.stack.imgur.com/VTKhB.png" alt="enter image description here"></a></p>
  
  <p>I tried to intercept <strong>onPress</strong> event to use <code>navigation.navigate</code>.  But it's not even hit and it always opens the AddNewScreen with the tab bar.</p>
  
  <pre><code>&lt;BottomTab.Navigator initialRouteName={INITIAL_ROUTE_NAME}&gt;
        &lt;BottomTab.Screen
          name="Home"
          component={HomeScreen}
          initialParams="Home Params"
          options={{
            title: 'Home',
            tabBarIcon: ({ focused }) =&gt; &lt;TabBarIcon focused={focused} name="md-home" iconType="ion" /&gt;,
          }}
        /&gt;      
        &lt;BottomTab.Screen
          name="AddNew"
          component={AddNewScreen}        
          options={{
            title: 'Add',
            tabBarIcon: ({ focused }) =&gt; &lt;TabBarIcon focused={focused} name="md-add-circle" iconType="ion" 
            onPress={(e) =&gt; {
              e.preventDefault();
              console.log(e)
            }} /&gt;,    
          }}
        /&gt;
  &lt;/BottomTab.Navigator&gt;
  </code></pre>
  
  <p>The Add new screen is always opened with the bottom tab bar.</p>
  
  <p><a href="https://i.stack.imgur.com/EzpIK.png" rel="noreferrer"><img src="https://i.stack.imgur.com/EzpIK.png" alt="enter image description here"></a></p>
  
  <p><strong>Questions</strong>:</p>
  
  <ol>
  <li>Is there anyway to navigate to specific screen when the tab is
  pressed? </li>
  <li>Is there anyway to hide the bottom tab bar on that Add New
  Screen?</li>
  </ol>