title: How to use refresh control inside a native-base tab?
body: <p>I have a native-base tab with a list inside in which I want to use a RefreshControl inside to refresh the list when pulled down however I just can't get it to work correctly. I have implemented the RefreshControl in several other places but it just wont run inside a tab for me.
  Here is the code where the tabs are. It only works if I put it in the content tag here put if I try and include it in the tabs or inside the component being called nothing happens when you pull down.</p>
  
  <pre><code>render() {
      const { navigation } = this.props;
      return (
              &lt;Container&gt;
                  &lt;Content &gt;
                      &lt;Tabs locked= {true}&gt;
                          &lt;Tab heading="Active" &gt;
                                  &lt;PharmacyActiveView screenProps={this.state.username} nav={navigation}/&gt;
                          &lt;/Tab&gt;
                          &lt;Tab heading="Expired"&gt;
                                 &lt;PharmacyExpiredView screenProps={this.state.username} nav={navigation}/&gt;
                          &lt;/Tab&gt;
                      &lt;/Tabs&gt;
                  &lt;/Content&gt;
              &lt;/Container&gt;
      );
  }
  </code></pre>
  
  <p>Here is the PharmacyActiveView code. I have tried including the refresh control in here but the onRefresh method never gets hit no matter what.</p>
  
  <pre><code>onRefresh() {
          this.setState(() =&gt; { return { pageNumber: 1, refreshing: true } }, () =&gt; {
              this.getActivePharmacyPrescriptions(this.state.pageNumber, global.defaultValues.pageSize, false);
          });
      }
  
  render() {
          const footerStyle = this.state.metaData == undefined ? null : (this.state.metaData.HasNextPage ? style.footerViewActive : style.footerViewInactive);
          return (
              &lt;View refreshControl={
                  &lt;RefreshControl
                      onRefresh={this.onRefresh.bind(this)}
                      refreshing={this.state.refreshing}
                      colors={[sharedStyle.mainColor]} //android
                      tintColor={sharedStyle.mainColor} //ios
                      progressBackgroundColor={'#fff'}
                  /&gt;
              }&gt;
                  &lt;FlatList
                      style={style.pharmacyFlatList}
                      data={this.state.data}
                      renderItem={this._renderItem}
                      keyExtractor={(x, i) =&gt; i}
                      extraData={this.state}
                  /&gt;
              &lt;/View&gt;
          );
      }
  </code></pre>
  
  <p>Let me know if you need any more info, I have just included the code I think is relevant. Thanks for any help!</p>