如何知道FlatList中的滚动状态（向上或向下）？

Question

如何知道FlatList中滚动的状态？ 喜欢向上滚动还是向下滚动？ 我想知道状态上下滚动以显示或隐藏FlatList中的标题。

Answer 1

通常，标头称为StickyHeader。并且已经有一个名为stickyHeaderIndices的选项，该选项采用child的索引作为粘性标头。

Official

<ScrollView
  stickyHeaderIndices={[1]}
>

Answer 2

实际上，FlatList组件可以使用ScrollView道具，因此您可以使用以下代码来找出FlatList滚动条在Y位置的位置：

<FlatList onScroll={(e) => console.log(e.nativeEvent.contentOffset.y)} ...

您应该将其写在某个变量上，然后将其与最新的更改进行比较，这样您才能了解滚动条上下移动的情况。

提示：从零开始。

Answer 3

使用如下所示的onScroll属性。 （Official）

<ScrollView onScroll={this._onScroll} />


_onScroll = (event) {
    console.log(event.nativeEvent.contentOffset.y);
},

为了确保获得滚动的最后一帧的值，您需要设置属性scrollEventThrottle={16}。