当前位置: 首页 > news >正文

鸿蒙 使用 Refresh 实现下拉刷新

import promptAction from '@ohos.promptAction'@Entry
@Component
struct Index {@Staterefreshing: boolean = false@Statelist: number[] = Array(20).fill(Date.now())@Buildercontent(){Stack(){Row(){LoadingProgress().height(32)Text('正在刷新...').fontSize(16).margin({left:20})}.alignItems(VerticalAlign.Center)}.align(Alignment.Center)}build() {Column(){Refresh({ refreshing: $$this.refreshing, builder: this.content() }){List(){ForEach(this.list, (item: string)=>{ListItem(){Row(){Text(item.toString())}.justifyContent(FlexAlign.Center).width('100%').padding(20)}})}.divider({strokeWidth: 1,color: Color.Yellow,startMargin: 10,endMargin: 10})}.onRefreshing(()=>{setTimeout(()=>{this.list = Array(20).fill(Date.now())this.refreshing = falsepromptAction.showToast({message:'刷新成功'})},1000)})}.height('100%').width('100%')}
}

 

http://www.lryc.cn/news/405335.html

相关文章:

  • 【JavaScript 算法】图的遍历:理解图的结构
  • Ubuntu 中默认的 root 用户密码
  • Rust编程-高级特性
  • JavaRegexImprove练习(1) (2024.7.22)
  • 基于YOLO模型的鸟类识别系统
  • WebRTC通话原理(SDP、STUN、 TURN、 信令服务器)
  • 面试场景题系列--(1)如果系统的 QPS 突然提升 10 倍该怎么设计?--xunznux
  • 【数学建模】——前沿图与网络模型:新时代算法解析与应用
  • 视频分帧【截取图片】(YOLO目标检测【生成数据集】)
  • Redis7(二)Redis持久化双雄
  • 发布支持TS的npm包
  • 计算机视觉9 全卷积网络
  • 02.C++入门基础(下)
  • 【数据结构】探索排序的奥秘
  • 数据结构面试知识点总结3
  • python-爬虫实例(5):将进酒,杯莫停!
  • AGI 之 【Hugging Face】 的【从零训练Transformer模型】之二 [ 从零训练一个模型 ] 的简单整理
  • 十大排序的稳定性和时间复杂度
  • 【系列教程之】1、点亮一个LED灯
  • 搜维尔科技:Manus Metagloves使用精确的量子跟踪技术捕捉手部每一个细节动作
  • 机器学习 | 阿里云安全恶意程序检测
  • python打包exe文件-实现记录
  • 基本的DQL语句-单表查询
  • Vue3 对比 Vue2
  • 2024中国大学生算法设计超级联赛(1)
  • offer题目51:数组中的逆序对
  • 45、PHP 实现滑动窗口的最大值
  • 【计算机视觉】siamfc论文复现实现目标追踪
  • 数学建模学习(111):改进遗传算法(引入模拟退火、轮盘赌和网格搜索)求解JSP问题
  • Golang | Leetcode Golang题解之第241题为运算表达式设计优先级