title: Hide labels in TabNavigator - ReactNavigation
body: <p>How do I hide the labels in <code>TabNavigator</code> and show only <code>icons</code>? If I do the following: </p>
  
  <pre><code>const Tabs = TabNavigator({
    Home: {
      screen:MainHome,
      navigationOptions: ({ navigation }) =&gt; ({
          title: "Home",  //Tried to hide this for next tab Search.
          tabBarIcon: ({ tintColor, focused }) =&gt; &lt;View&gt;&lt;MaterialIcons name="home"/&gt;&lt;/View&gt;
        })
    },
    Search: {
      screen:TestComp1,
      navigationOptions: ({ navigation }) =&gt; ({
        //If no title it shows the name as Search.
        tabBarIcon: ({ tintColor, focused }) =&gt; &lt;View&gt;&lt;MaterialIcons name="accessibility"/&gt;&lt;/View&gt;
      })
  
    }
  }, { 
  
     tabBarPosition: 'bottom',
  
     tabBarOptions: {
      showIcon: true,
      activeTintColor: '#e91e63',  //Not working for icons.
      inactiveBackgroundColor: 'green', // Not working at all.
      style: {backgroundColor: '#3498DB', height: 60, padding:0, margin:0}
    }
  });
  </code></pre>
  
  <p>If I remove <code>title</code> from the <code>navigationOptions</code> it shows the name of the Tab (<code>Home</code> or <code>Search</code>). I want to only show the icons and change the color of the active <code>icon</code>. <code>activeTintColor</code> not working for icons.</p>