title: React Native - Native Base Footer not change color
body: <p>Here is the code:</p>
  
  <pre><code> // Bottom.js
  &lt;StyleProvider style={getTheme(commonColor)}&gt;
      &lt;Footer&gt;
          &lt;FooterTab&gt;
              &lt;Button active&gt;
                  &lt;Icon active name="food" size={24}  /&gt;
                  &lt;Text active&gt;Lunch Box&lt;/Text&gt;
              &lt;/Button&gt;
              &lt;Button&gt;
                  &lt;Icon name="coins" size={24} /&gt;
                  &lt;Text&gt;Point&lt;/Text&gt;
              &lt;/Button&gt;
              &lt;Button&gt;
                  &lt;Icon name="face" size={24} /&gt;
                  &lt;Text&gt;Profile&lt;/Text&gt;
              &lt;/Button&gt;
          &lt;/FooterTab&gt;
      &lt;/Footer&gt;
  
  &lt;/StyleProvider&gt;
  
  // commonColor.js
  
  // Footer
  footerHeight: 55,
  footerDefaultBg: '#ffffff',
  
  // FooterTab
  tabBarTextColor: '#FFF',
  tabBarTextSize: platform === 'ios' ? 14 : 16,
  activeTab: platform === 'ios' ? '#007aff' : '#fff',
  sTabBarActiveTextColor: '#007aff',
  tabBarActiveTextColor: '#fff',
  tabActiveBgColor: platform === 'ios' ? '#1569f4' : '#1569f4',
  </code></pre>
  
  <p>here is the result:
  <a href="https://i.stack.imgur.com/ldA7i.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ldA7i.png" alt="Result"></a></p>
  
  <p>I've tried edit FooterTab.js directly but no changed at all. </p>
  
  <p>The only changes that can happen on render is <code>tabActiveBgColor: platform === 'ios' ? '#1569f4' : '#1569f4'</code>. And I don't even know why only this code is working, I not even set any <code>active</code> on <code>FooterTab</code>.</p>
  
  <p>What I expected is when I set active the button and text become white.</p>
  
  <p>Any Solution?</p>