title: How to set images in the footer text under TabNavigation using react native
body: <p>I need to set footer which has image and text on all pages. I have used react native TabNavigator. The issue is footer text was shown in Uppercase and also the background color doesn't change and unable to set image in the footer.</p>
  
  <pre><code>  {
    tabBarPosition: 'bottom',
    tabBarOptions: {
      activeTintColor: 'white',
      inactiveTintColor: 'black',
      activeBackgroundColor: 'darkgreen',
      inactiveBackgroundColor: 'green',
      tabBarIcon: ({ tintColor }) =&gt; {
      return (
      &lt;Image
      source={('.../.../image/png')}
      style={{ tintColor }}
      /&gt; 
  }
  });
  </code></pre>
  
  <p>How does the image will be set in the footer?</p>
  
  <p>I am new to react native.</p>
  
  <p>Thanks in advance.</p>