我有一个 FlatList
并且我正在实现一个自定义拉动以刷新,想法是将其滚动到负偏移量以在发布时显示其下方的动画。这是我的 FlatList
的代码。
const flatListRef = useRef(null);
const handleRelease = () => {
flatlistRef.current.scrollToOffset({ y: -100 });
setTimeout(() => {
flatlistRef.current.scrollToOffset({ y: 0 });
}, 1000)
}
return (
<FlatList
data={data}
renderItem={({ item }) => {
return (
<View style={styles.row}>
<Text style={styles.text}>{item}</Text>
</View>
)
}}
onScroll={onScroll}
scrollEventThrottle={16}
onResponderRelease={handleRelease}
ref={flatListRef}
/>
)
释放后,
FlatList
应滚动到偏移量 -100 以显示下面的动画,然后在 1 秒后向上滚动。但是发生的事情是它正在滚动到偏移量 0(我可以说,因为我在释放后立即尝试向下滚动,它会立即尝试向上滚动)。是否可以以编程方式将
FlatList
滚动到负偏移量? 最佳答案
看起来您需要将 scrollToOverflowEnabled 设置为 true 才能应用此行为。
ScrollView (Flatlist 继承了 ScrollView Props )
PS:
这是一个不同的想法。
如果你想去-100,也许你可以添加一个固定高度的 View 。 (看起来一样)
并在一段时间后关闭 View 。 (回到原点?)
(如果它不起作用......)
- - - - - - - - - 编辑 - - -
<FlatList
data={data}
renderItem={({ item }) => {
return (
<View style={styles.row}>
<Text style={styles.text}>{item}</Text>
</View>
)
}}
onScroll={onScroll}
scrollEventThrottle={16}
onResponderRelease={handleRelease}
ref={flatListRef}
scrollToOverflowEnabled={true} // Just put in here
/>
关于javascript - 将 React Native FlatList 滚动到负偏移量,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/60881372/