HarmonyOS 支持LazyForEach的上拉加载更多组件

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

页面的下拉刷新与上拉加载功能例如,新闻页面的内容刷新和加载。这两种操作的原理都是通过响应用户的触摸事件,在顶部或者底部显示一个刷新或加载视图,完成后再将此视图隐藏。

以下拉刷新为例,其实现主要分成三步:

1、监听手指按下事件,记录其初始位置的值。

2、监听手指按压移动事件,记录并计算当前移动的位置与初始值的差值,大于0表示向下移动,同时设置一个允许移动的最大值。

3、监听手指抬起事件,若此时移动达到最大值,则触发数据加载并显示刷新视图,加载完成后将此视图隐藏。

具体实现可以参考demo:https://developer.huawei.com/consumer/cn/codelabsPortal/carddetails/tutorials_NEXT-NewsDataArkTS

LazyForEach参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-rendering-control-lazyforeach-V5

也可以引入三方库 PullToRefresh 来实现 上拉加载和下拉刷新地址: https://ohpm.openharmony.cn/#/cn/detail/@ohos%2Fpulltorefresh

分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS 加载更多
65浏览 • 1回复 待解决
加载,下拉刷新组件
452浏览 • 1回复 待解决
HarmonyOS 下拉刷新,加载示例
40浏览 • 1回复 待解决
HarmonyOS 下拉刷新,加载功能
38浏览 • 1回复 待解决
下拉刷新和加载API为9sdk
2812浏览 • 1回复 待解决
HarmonyOS 如何实现列表效果
63浏览 • 1回复 待解决