Question

任何人都可以帮助我如何在反应原生可滚动标签视图中使用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道具，但无法弄清楚如何使用。感谢帮助!! 谢谢!!

Answer 1

ScrollableTabView不会将选项卡状态传递给子选项卡屏幕。相反，在ScrollTabView的onChangeTab prop中，您可以在父React类中设置状态，并将新状态作为属性传递给有关活动选项卡的子选项卡屏幕。如下所示：

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

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

反应原生可滚动标签视图onchange

1 个答案: