title: tabBarOnPress not working bottomTabNAvigator
body: <p>I have three screens in may BottomTabNavigator. I want to pass React native Date Picker for ios/android component as soon as third screen (Range) in bottom navigator is pressed. I tried using tabBarOnPress in my third screen in static navigationOptions, but it does not seems to work.</p>
  
  <p>HEre is the snippets for my codes:</p>
  
  <p><strong>App.js</strong></p>
  
  <pre><code>    (all imports considered)
      .......////
      const RangeStack = createStackNavigator({
        Range: {
          screen : Range
        }
      })
  
  
  
      export const BottomTabNavigation = createBottomTabNavigator({
        Daily: {
          screen: DailyStack
        },
        Monthly: {
          screen: MonthlyStack
        },
        Range: {
          screen: RangeStack
        }
      })
  ...../////
  </code></pre>
  
  <p><strong>Range.js</strong></p>
  
  <pre><code>import React, { Component } from 'react'
  import { Text, View } from 'react-native'
  
  import AsyncStorage from '@react-native-community/async-storage';
  import { TouchableOpacity } from 'react-native-gesture-handler';
  
  
  export const SalesUiRange = () =&gt; {
    return (
      &lt;View&gt;
        &lt;Text&gt;Sales ui range&lt;/Text&gt;
      &lt;/View&gt;
    )
  }
  
  
  export class ClaimsUiRange extends React.Component {
  
    render () {    
      return (   
        &lt;View&gt;
        &lt;Text&gt;Claims ui range&lt;/Text&gt;
      &lt;/View&gt;
      )
    }
  }
  
  
  
  
  export default class Range extends Component {
    static navigationOptions = ({ navigation }) =&gt; {
      return {
  
        tabBarOnPress: ({navigation, defaultHandler }) =&gt; {
         alert('pressed')
          defaultHandler();
        }
      }
    }
  
  
    constructor(props) {
      super(props)
  
      this.state = {
         valueOption: ''
      }
    }
  
       async getItem (item){
        const valueOption = await AsyncStorage.getItem(item);
        this.setState({
          valueOption
        })
  }
  
  
  
    componentDidMount(){
  
      this.getItem('InitialOption');
  
    }
  
  
    render() {
      return (
        &lt;View&gt;
          {this.state.valueOption === 'sales' ? &lt;SalesUiRange/&gt; : &lt;ClaimsUiRange/&gt;}
        &lt;/View&gt;
      )
    }
  }
  </code></pre>
  
  <p>Please help to make this work.</p>