title: React Navigation - conditional hide item in bottom navigation bar
body: <p>How to hide one of the item in the react-navigation bottom navigation bar based on some condition</p>
  
  <blockquote>
    <p>For Example : this.state.show == true </p>
  </blockquote>
  
  <p>So far i had tried as below</p>
  
  <pre><code>const Main = createBottomTabNavigator(
  {
    Home: {screen: HomeStack},
    CheckInOut:  this.state.show ? {screen: CheckStack} : null ,
    Attendance: {screen: AttendanceStack},
    Profile: {screen: ProfileStack},
  },
  </code></pre>