首页 > 其他 > 详细

React Native 的 FlatList 组件 实现每次滑动一整项(item)

时间:2020-04-28 14:03:39      阅读:129      评论:0      收藏:0      [点我收藏+]

要解决的问题: 想要 FlatList列表 每次滑动都显示一整项时可以这样做。
技术分享图片
每次滑动默认FlatList是可以停到一半中间的,实际想要的效果是,每次滑动动一整项 像如下效果一样

实现后的效果:
技术分享图片

解决代码:
技术分享图片
因为 FlatList 组件间接继承自ScrollView组件所以他可以使用父组件全部props,具体可以去查看React Native源代码,它是开源的。
然后 ScrollView 里有一个 pagingEnabled 可以实现这个效果,设置为true,视图只能停在 整个滚动视图的倍数上,所以只能是 倍数 就能实现这个效果了

另外官方说Vertical pagination is not supported on Android.,垂直是不可以的,但我在FlatList上测试了一下是可以的,具体还得看源代码,官方暂时没有解释。
文档:
技术分享图片
https://reactnative.dev/docs/scrollview#pagingenabled

React Native 的 FlatList 组件 实现每次滑动一整项(item)

原文:https://www.cnblogs.com/xiaolantian/p/12793470.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!