相关疑难解决方法(0)

如何在RN平面列表中获取当前可见的索引

我有一个水平的平面列表,其中每个项目是width:300 我想要做的是获取当前可见项目的索引.

<FlatList 
            onScroll={(e) => this.handleScroll(e)} 
            horizontal={true}
            data={this.state.data}
            renderItem...
Run Code Online (Sandbox Code Playgroud)

试过这个:

handleScroll(event) {
    let index = Math.ceil(
      event.nativeEvent.contentOffset.x / 300
    );
Run Code Online (Sandbox Code Playgroud)

这样的事情:

handleScroll(event) {
  let contentOffset = event.nativeEvent.contentOffset;
  let index = Math.floor(contentOffset.x / 300);
Run Code Online (Sandbox Code Playgroud)

但没有什么是准确的我总是得到一个索引或一个索引下来.
我做错了什么以及如何在平面列表中获得正确的当前索引?

例如,我在列表中列出第8项,但我得到索引9或10.
在此输入图像描述

javascript react-native react-native-scrollview react-native-flatlist

20
推荐指数
6
解决办法
1万
查看次数