在React Native上检测FlatList滚动方向

xnifntxz  于 2023-05-07  发布在  React
关注(0)|答案(1)|浏览(229)

我想设置卡片的动画,使其在开始向下滚动时向上滑动以获取完整视图,在向上滚动时向下滑动,但我不知道如何检测FlatList的滚动方向。
如何使用功能组件检测FlatList滚动方向?我认为可以使用onScrollcontentOffset.y来实现,但我不确定如何实现它。
<FlatList onScroll={(event)=> event.nativeEvent.contentOffset.y....?

wgx48brx

wgx48brx1#

这样写

// YOUR imports
var currentOffset = 0;
export class YourView extends Component {
// ...
onScroll={(event) => {
    let direction = event.nativeEvent.contentOffset.y > currentOffset ? 'down' : 'up';
    currentOffset = event.nativeEvent.contentOffset.y;
    console.log(direction); // up or down accordingly
}}

工作实施例here.
在您的物理设备或Android/iOS上运行它以查看结果

相关问题