title: React Navigation Bottom TabBar Icon Spacing
body: <p>I am using React Navigation with React Native. This is on Android. </p>
  
  <ol>
  <li><p>I am trying to add some spacing between the icon and the top of the tab bar and reduce the spacing between icon and the label.</p></li>
  <li><p>I am trying to change the bottom border color ie Yellow line.</p></li>
  <li><p>I am trying to reduce the spacing, padding left and right inside each cell.</p></li>
  </ol>
  
  <p>Any idea how I can achieve this?</p>
  
  <pre><code>{
      tabBarPosition: 'bottom',
      animationEnabled: true,
      swipeEnabled: true,
      tabBarOptions: {
        showIcon: true,
        labelStyle: {
          fontSize: 8
        },
        style: {
          backgroundColor: 'grey',
        },
        tabStyle: {
          height: 49
        },
        iconStyle: {
          flexGrow: 0,
          marginTop: 1.5
        }
      }
    }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/8tpNL.png" rel="noreferrer"><img src="https://i.stack.imgur.com/8tpNL.png" alt="BottomTabBar"></a></p>