0

谁能帮助我如何在反应原生可滚动选项卡视图中使用 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 道具，但无法弄清楚如何使用。感谢帮助！谢谢！！

4

1 回答 1

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 发送的索引值定义最终将设置场景活动状态的状态值。

于 2016-08-10T18:47:45.260 回答