title: hide/remove Icon or Icon view from bottom tab navigation
body: <p>I want to remove the Icon space/View from the Bottom tab Navigator. I tried to remove the Icon by removing tabBarIcon but it didn't work. Here is the code I tried and the outcome I received. It is not looking that good, the label is not at the center. They looks like they have gone below the visible screen.
  Code used:</p>
  <pre><code>const TabNavigator = createMaterialBottomTabNavigator(
  {
      Home: {
          screen: screen1,
          navigationOptions: {
              // tiitle: &quot;hello&quot;
              // tabBarIcon: () =&gt; {
              //     &lt;View&gt;&lt;/View&gt;
              // },
              tabBarLabel: &lt;Text style={{ fontSize: 15, textDecorationLine: 'underline', }}&gt;Screen1&lt;/Text&gt;,
          }
      },
      People: {
          screen: screen2,
          navigationOptions: {
              tabBarLabel: &lt;Text style={{ fontSize: 15, textDecorationLine: 'underline' }}&gt;Screen2&lt;/Text&gt;,
              activeColor: '#E8947F',
              inactiveColor: '#C4C9CB',
          }
      },
      Connects: {
          screen: screen3,
          navigationOptions: {
              tabBarLabel: &lt;Text style={{ fontSize: 15, textDecorationLine: 'underline' }}&gt;Screen3&lt;/Text&gt;,
              activeColor: '#E8947F',
              inactiveColor: '#C4C9CB',
  
              // barStyle: { backgroundColor: '#2c6d6a' },
          }
      },
  },
  {
      initialRouteName: 'Home',
      activeColor: '#E8947F',
      inactiveColor: '#C4C9CB',
      barStyle: { backgroundColor: '#00000000' },
  });
  </code></pre>
  <p>Outcome:</p>
  <p><a href="https://i.stack.imgur.com/XxAbS.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XxAbS.jpg" alt="enter image description here" /></a></p>
  <p>I am new to React-Native. Please help me.</p>