首页 > 解决方案 > 在 React Native 中拉动刷新时如何防止 FlatList 的标头下降?

问题描述

我有一个带有标题的 FlatList。当我现在拉刷新时,标题与所有列表项一起下降: 在此处输入图像描述

但我希望它保持在顶部,以便只有项目被拉下:

在此处输入图像描述

如果我将标头组件不是放在 FlatList 中,而是放在它之前,则可以实现这种行为。但是,它不适合,因为标题将始终保持在顶部,但我需要它与列表项一起滚动,就好像它是列表的一部分一样。我怎样才能做到这一点?

我尝试在 onScroll 事件中为标题设置负边距,但它看起来一点也不平滑,并且会导致奇怪的效果。

我很感激你对如何做到这一点的想法。

标签: react-nativereact-native-flatlist

解决方案


推荐阅读