Javascript 更改选项卡时如何调用子选项卡NativeBase中的函数

我有一个可滚动的选项卡组件，其中有4个选项卡。 我想在任何子项中调用函数，当使用滑动或单击选项卡更改选项卡时。 这是我在渲染函数中的代码：

<Tabs
        initialPage={0} 
        ref={(tabView) => { this.tabView = tabView}}
        renderTabBar={()=> <ScrollableTab />}
        onChangeTab={(e)=>{this.onChangeTab(e)}}>
          <Tab heading="Tab1">
            <oneScreen name={"tab1"} ref={this.tab1} navigation={this.props.navigation}/>
          </Tab>
          <Tab heading="Tab2" >
            <twoScreen name={"tab2"} ref={this.tab2} navigation={this.props.navigation}/>
          </Tab>
          <Tab heading="Tab3">
            <threeScreen name={"tab3"} ref={this.tab3} navigation={this.props.navigation}/>
          </Tab>
          <Tab heading="Tab4">
            <fourScreen name={"tab4"} ref={this.tab4} navigation={this.props.navigation}/>
          </Tab>
        </Tabs>

onChangeTab({i,from,ref}) {
// const tab = ref.ref.current    
//   tab.fetchData(this.state.changeText)

}

---

请帮助我了解这一点

您可以使用此代码获取选项卡的子项

onChangeTab({i,from,ref}) {
  //get child
  const tab = ref.props.children

  //call function in child
  tab.fetchData()
}