[React Native]native-baseのタブで初期描画がされない

Question

前提・実現したいこと

React Nativeでアプリの開発をしており、native-baseというパッケージ使ってタブの機能を実装しています。

iOSでは問題ないのですが、Androidの場合、初期描画がされません。
データは初期の取得時に取得できていますが、初期では表示がされず、タブを選択すると表示がされます。

初期に描画をしたいのですが、何か方法があればご教示ください。

該当のソースコード

  render() {
    let tabs = [];
    if (this.props.news) {
      tabs = this.props.news.map((data, index) => {
          return (
            <Tab key={index} heading={data.name} tabStyle={ styles.tabStyle } 
            activeTabStyle={styles.activeTabStyle} 
            activeTextStyle={ styles.activeTextStyle }>
              <Content refreshControl={
                <RefreshControl　refreshing={false}　onRefresh={() => this.props.newsFetch()}/>
              }>
                <List dataArray={data.data} renderRow={(news) => 
                   〜省略〜
                  }>
                </List> 
              </Content>
            </Tab>
          );
　　　　});
    }
    return (
      <Container>
        <Header title={"News"} isBack={false} navigation={this.props.navigation} />
        { this.wait ? 
          <Wait onEnd={e => {
　　　　　　　this.wait = false;
            this.setState({wait : false});
          }} />
         :
          <Tabs tabBarUnderlineStyle={styles.tabBarUnderlineStyle}
                activeTabStyle={styles.activeTabStyle} 
                 renderTabBar={()=> <ScrollableTab />} >
            { this.props ? tabs : <View /> }
          </Tabs> 
        }
      </Container>
    );
  }

試したこと

このあたりのことは試しました。
https://github.com/GeekyAnts/NativeBase/issues/1893
https://www.oipapio.com/question-6679496

補足情報

native-base: 2.13.4
react-native: 0.59.9

Answer 1

自己解決しました。
考え方は試したことにあることと同様に、初期の描画の際はinitialPageを0で再指定しました。（再度タブをタップすると表示がされるため）

render() {
    this.cnt ++;
    if (this.cnt < 5) {
        setTimeout(() => {
          this.setState({initialPage: 0});
        }, 0);
    }
}