【鸿蒙南向开发】OpenHarmony环境下可用的下拉刷新、上拉加载组件【PullToRefresh】

最新推荐文章于 2025-06-12 14:39:42 发布

胡辰和

最新推荐文章于 2025-06-12 14:39:42 发布

阅读量757

点赞数 9

CC 4.0 BY-SA版权

分类专栏： openharmony 嵌入式硬件鸿蒙开发文章标签： harmonyos 分布式 openharmony 嵌入式硬件 c语言 iot 组件化

本文链接：https://blog.csdn.net/huchenghe2/article/details/143694842

📚鸿蒙开发往期学习笔录📌：

📌 鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~
📌 鸿蒙应用开发与鸿蒙系统开发哪个更有前景？
📌 嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~
📌 对于大前端开发来说，转鸿蒙开发究竟是福还是祸？
📌 鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？
📌 记录一场鸿蒙开发岗位面试经历~
📌 持续更新中……

简介

PullToRefresh是一款OpenHarmony环境下可用的下拉刷新、上拉加载组件。
支持设置内置动画的各种属性，支持设置自定义动画，支持lazyForEarch的数据作为数据源。

效果展示：

内置动画效果

下载安装

ohpm install @ohos/pulltorefresh

使用说明

快速使用

import {
   
    PullToRefresh } from '@ohos/pulltorefresh'

// 需绑定列表或宫格组件
private scroller: Scroller = new Scroller();
  
PullToRefresh({
   
   
// 必传项，列表组件所绑定的数据
data: $data,
// 必传项，需绑定传入主体布局内的列表或宫格组件
scroller: this.scroller,
// 必传项，自定义主体布局，内部有列表或宫格组件
customList: () => {
   
   
  // 一个用@Builder修饰过的UI方法
  this.getListView();
},
// 可选项，下拉刷新回调
onRefresh: () => {
   
   
  return new Promise<string>((resolve, reject) => {
   
   
    // 模拟网络请求操作，请求网络2秒后得到数据，通知组件，变更列表数据
    setTimeout((