react-native - React-native Flatlist，在 ScroolToTop 或 ScroolToBottom 时运行函数

Question

我想在scrollToTop 时运行function1() 并在flatlist 中scrollToBottom 时运行函数。我可以这样做吗？

  <FlatList
     
          data={data}
          keyExtractor={(key) => key.id}
          numColumns={2}
          renderItem={({ item, index }) => {
            return (
              <View
                style={{
                  alignItems: 'center',
                  justifyContent: 'center',
                  flex: 1,
                  marginTop: index == 0 || 1 ? 33 : 13,
                  paddingBottom: 20,
                }}
              >
                {selectCard(item)}
              </View>
            );
          }}
        />

我想做的事情，当我想在平面列表中向下滚动时，我想隐藏顶栏，当我想向上滚动时，我想显示顶栏。

Answer 1

这篇文章回答了你的问题。当event.nativeEvent.contentOffset.y内部onScroll方法为负时，FlatList滚动到底部，反之亦然。

Answer 2

使用 onScroll 属性，如下所示。

<ScrollView onScroll={this._onScroll} />


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

您可以将nativeEvent.contentOffset.yonScroll 生成的事件传递给您需要设置一个属性

scrollEventThrottle={10}.