title: Tab is not rendering when changing I18nManager.forceRTL(true) in native-base in React -native
body: <p>I am using Tab, Tabs from 'native-base'.</p>
  
  <p>I am showing calendar in tab like </p>
  
  <p><a href="https://i.stack.imgur.com/nSx3d.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nSx3d.png" alt="enter image description here"></a></p>
  
  <p>It is showing correct in English but when we change it Arabic by</p>
  
  <pre><code>I18nManager.forceRTL(true);
  I18nManager.allowRTL(true);
  </code></pre>
  
  <p>app convert into RTL but when  I open this modal it shows blank first time , Like first screenshot.
  And when we click on tab onChangeTab showing correct tab according to RTL but content is not changing.</p>
  
  <p>content is showing  like before , means last tab is showing content like week in English and first tab is showing content like Date in English </p>
  
  <p><a href="https://i.stack.imgur.com/dSNGh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dSNGh.png" alt="enter image description here"></a></p>
  
  <p>code for showing Tab</p>
  
  <pre><code>&lt;Tabs
  onChangeTab={({ i }) =&gt; {
      console.log("current tab--",i)
      startDate=null;endDate=null;
      this.setState({ currentTab: i
          })
      //selectedDays:{}
      startDate=null;
      endDate=null;
  }}
  tabBarPosition={'top'}
  tabBarUnderlineStyle={styles.tabBarUnderlineStyle}&gt;
  &lt;Tab textStyle={styles.inActiveTextStyle}
      activeTextStyle={styles.activeTextStyle}
      heading={ &lt;TabHeading style={{backgroundColor:'#f8f8f8'}}&gt;
  
          {this.state.currentTab ==0 &amp;&amp;
          &lt; TabHeadingComponents isCurrent={'1'}  cal_icon={require('../Resources/Images/DateEnable.png')} title={translate("date")}/&gt;
          }
          {this.state.currentTab != 0 &amp;&amp;
          &lt; TabHeadingComponents isCurrent={'0'}  cal_icon={require('../Resources/Images/DateDisable.png')} title={translate("date")}/&gt;
          }
      &lt;/TabHeading&gt;}&gt;
  
      &lt;View /&gt;
  &lt;/Tab&gt;
  
  &lt;Tab
      tabBarUnderlineStyle={styles.tabBarUnderlineStyle}
      textStyle={styles.inActiveTextStyle}
      activeTextStyle={styles.activeTextStyle}
      heading={&lt;TabHeading style={{backgroundColor:'#f8f8f8'}}&gt;
  
          {this.state.currentTab == 1 &amp;&amp;
          &lt;TabHeadingComponents isCurrent={'1'} cal_icon={require('../Resources/Images/monthEnable.png')} title={translate("month")}/&gt;
  
          }
          {this.state.currentTab != 1 &amp;&amp;
          &lt;TabHeadingComponents isCurrent={'0'} cal_icon={require('../Resources/Images/monthDisable.png')} title={translate("month")}/&gt;
          }
  
  
  
      &lt;/TabHeading&gt;}&gt;
  
      &lt;View/&gt;
  &lt;/Tab&gt;
  
  &lt;Tab
  
      textStyle={styles.inActiveTextStyle}
      activeTextStyle={styles.activeTextStyle}
      heading={ &lt;TabHeading style={{backgroundColor:'#f8f8f8'}}&gt;
  
          {this.state.currentTab == 2 &amp;&amp;
          &lt;TabHeadingComponents isCurrent={'1'} cal_icon={require('../Resources/Images/weekEnable.png')} title={translate("week")}/&gt;
  
          }
          {this.state.currentTab != 2 &amp;&amp;
          &lt;TabHeadingComponents isCurrent={'0'} cal_icon={require('../Resources/Images/weekDisable.png')} title={translate("week")}/&gt;
          }
  
  
      &lt;/TabHeading&gt;}&gt;
  
      &lt;View/&gt;
  &lt;/Tab&gt;
  </code></pre>
  
  <p></p>