对本机可滚动选项卡视图 onchange 做出反应答案

【问题标题】：react native scrollable tab view onchange对本机可滚动选项卡视图 onchange 做出反应
【发布时间】：2016-08-10 17:43:37
【问题描述】：

谁能帮助我如何在反应原生可滚动标签视图中使用 onChange 道具？任何示例代码？基本上我想在标签更改时获取数据。

<View style={styles.container}>
       <ScrollView>
        <ScrollableTabView>
        <OverViewPage tabLabel = "Overview" contentProps = { this.state = {data :  this.state.data , addressDetails :  this.state.addressDetails }} />
         <OverViewPage1 tabLabel = "OverView1"/>
         <OverViewPage2 tabLabel = "OverView2" />
        </ScrollableTabView>
        </ScrollView>
        </View>

当我进入 OverView1 场景时，我想从 api 获取数据并渲染返回的信息。基本上我想在选项卡更改时捕捉一个事件。我发现有一个 onChange 道具，但无法弄清楚如何使用。感谢帮助！谢谢！！

【问题讨论】：

标签： ios react-native react-native-scrollview

【解决方案1】：

ScrollableTabView 不会将标签状态的状态传递给子标签屏幕。相反，在 ScrollTabView 的 onChangeTab 属性中，您可以在父 React 类中设置状态，并将新状态传递给关于活动选项卡的子选项卡屏幕作为属性。类似于以下内容：

<ScrollableTabView onChangeTab={(event)=>{this.setStateForTabChange(event.i)}}>
  <Scene1 isActive={this.state.isSceneOneVisible} />
  <Scene2 isActive={this.state.isSceneTwoVisible} />
</ScrollableTabView>

您可以定义setStateForTabChange，它最终将根据 onChangeTab 发送的索引值设置场景活动状态的状态值。

【讨论】：