在原生反应中获得平顶表的最高指数的方法

Question

有没有提供的方法让我们在滚动时获取FlatList的顶部项的索引？

Answer 1

您可以通过以下方式访问每行的索引:

   <FlatList data={this.state.dataList}
     ...
     renderItem={({item, index}) => this.renderRow(item, index)}
     ...
     console.log("current index is " + index)

   />

这将为您提供顶行的索引.

Answer 2

没有直接获取的方法。

但是如果您知道每个项目的布局，您可以通过滚动视图偏移量来计算它。

在平面列表上实现 onScroll，比如

<FlatList onScroll={(e)=>{
     let offset = e.nativeEvent.contentOffset.y;
     let index = parseInt(offset / height);   // your cell height
     console.log("now index is " + index)
}}> 

ps：如果包含，不要忘记减去标题布局