title: How to Style createMaterialBottomTabNavigator?
body: <p><a href="https://i.stack.imgur.com/oGNfO.png" rel="noreferrer">BottomTabBar</a></p>
  
  <p>I'm using <code>react-navigation-material-bottom-tabs</code> for making this navigation bar. The only problem with this is that I cannot control the styling of label or the bar height.
  What can I do other than using top bar and positioning it to the bottom?</p>
  
  <pre><code>export default HomeScreenTabNavigator = new 
                                createMaterialBottomTabNavigator({
         NewsFeed: { screen: FeedStack},
         Social: { screen: SocialStack},
         Planner: { screen: PlannerStack},
         Boring: { screen: BoringStack},
         Account: { screen: AccountStack},
     },
     {
         navigationOptions: ({ navigation }) =&gt; ({
             tabBarIcon: ({ focused, tintColor }) =&gt; {
                 const { routeName } = navigation.state;
                 let iconName;
                 if (routeName === 'Boring') {
                     iconName = `ios-add-circle${focused ? '' : '-outline'}`;
                 } else if (routeName === 'Social') {
                     iconName = `ios-alarm${focused ? '' : '-outline'}`;
                 } else if (routeName === 'NewsFeed') {
                     iconName = `ios-albums${focused ? '' : '-outline'}`;
                 }
                 return &lt;Ionicons name={iconName} size={27} color={'#ffff'} /&gt;;
             },
         }),
         tabBarOptions: {
             showIcon: true,
         },
         barStyle: { backgroundColor: '#33ADFF'},
         animationEnabled: true,
     });
  </code></pre>