title: react native createbottomtabnavigator hide tab bar label
body: <p>I need to know how to hide the bottom label.</p>
  
  <p>I've tried the following:</p>
  
  <blockquote>
    <p>tabBarShowLabels: 'hidden', tabbarlabelvisible: false.</p>
  </blockquote>
  
  <p>I also removed the <code>tabbarlabel: 'Home'</code> and it still shows</p>
  
  <p>Any help would be appreciated or if someone could point me to the right direction.</p>
  
  <p><a href="https://i.stack.imgur.com/fd5Fk.png" rel="noreferrer"><img src="https://i.stack.imgur.com/fd5Fk.png" alt="enter image description here"></a></p>
  
  <pre><code>import {createBottomTabNavigator} from 'react-navigation'
  import Icon from 'react-native-vector-icons/Ionicons'
  
  
  const Tabs = createBottomTabNavigator ({
    Home:{
      screen: Home,
      navigationOptions:{
        tabBarIcon: ({ focused, tintcolor }) =&gt; (
          &lt;Icon name="ios-home" size={24}  /&gt;
        )
      }
    },
    Inbox:{screen: Inbox,
      navigationOptions:{
        tabBarIcon: ({ tintcolor }) =&gt; (
          &lt;Icon name="ios-mail" size={24} /&gt;
        )
      }
    },
    Search:{screen: Search,
      navigationOptions:{
        tabBarIcon: ({ tintcolor }) =&gt; (
          &lt;Icon name="ios-search" size={24} /&gt;
        )
      }
    },
    Favorites:{screen: Favorites,
      navigationOptions:{ 
      tabBarIcon: ({ tintcolor }) =&gt; (
        &lt;Icon name="ios-heart" size={24} /&gt;
      )
    }
    },
    Settings:{screen: Settings,
      navigationOptions:{ 
        tabBarIcon: ({ tintcolor }) =&gt; (
          &lt;Icon name="ios-settings" size={24} /&gt;
        )
      }
    }
  
  }
  });
  
  
  
  export default class App extends Component {
    render() {
  
      return &lt;Tabs /&gt;
    }
  }
  </code></pre>