Reactjs 在react native中，如何获取选择选项卡值或索引

在react native中，如何获取选择选项卡值或索引。我正在选项卡中呈现API数据。在我们的选项卡中，多个日期即将到来

我想保存选定的选项卡值，就像选择的日期一样

有人能帮忙吗

 <Tabs renderTabBar={() => <ScrollableTab />} style={styles.Card_background_Margin} initialPage={0}
                      onChangeTab={(Tab, index) => this.tabChanged(Tab, index)}>


                      {  this.state.dateList.map((lists) => {
                        return(
                      <Tab heading= {lists.items} style={styles.Tab_background}>
                        <ScheduleDays navigation={this.props.navigation} />
                      </Tab>

                      )
                  })
                }

                </Tabs>

---

我已经解决了这个问题

initialPage必须在构造函数中定义如下：

constructor(props) {
        super(props);
           this.state = {
          pageNumber: 1
    }

在这里调用您的方法之后，您将在alert中获得选定的标题值，这对我来说工作正常

tabChanged(ref){
   alert(ref);
   }

<Tabs
   renderTabBar={() => <ScrollableTab />} style={styles.Card_background_Margin}
   initialPage={this.state.pageNumber}
   onChangeTab={({ ref }) => this.tabChanged(ref.props.heading)}
>
   {
      this.state.dateList.map((lists) => {
         return(
            <Tab heading= {lists.items}  style={styles.Tab_background}>
               <ScheduleDays navigation={this.props.navigation} />
            </Tab>
         )
      }) 
   }  
</Tabs>

---

我也有同样的问题，因为索引返回一个对象。但是对象由三个属性i，ref组成，因此使用i.i可以获得选项卡的索引。 在你的例子中

tabChangedTab，索引{ 表一； }

---

应该可以工作。

请帮助任何人…请尝试使用console.logTab，而不是警报。您将获得这些值。你可以试试react native log-android。谢谢你的回复，但它没有给我选择的值或索引。你能提供输出吗，它会在你的控制台中打印出来？另外，检查值、选项卡和索引。

tabChanged(ref){
   alert(ref);
   }

<Tabs
   renderTabBar={() => <ScrollableTab />} style={styles.Card_background_Margin}
   initialPage={this.state.pageNumber}
   onChangeTab={({ ref }) => this.tabChanged(ref.props.heading)}
>
   {
      this.state.dateList.map((lists) => {
         return(
            <Tab heading= {lists.items}  style={styles.Tab_background}>
               <ScheduleDays navigation={this.props.navigation} />
            </Tab>
         )
      }) 
   }  
</Tabs>