【鸿蒙next开发】ArkUI框架：ArkTS组件-SwipeRefresher

 往期鸿蒙5.0全套实战文章必看：（文中附带鸿蒙5.0全栈学习资料）

• 鸿蒙开发核心知识点，看这篇文章就够了

• 最新版！鸿蒙HarmonyOS Next应用开发实战学习路线

• 鸿蒙HarmonyOS NEXT开发技术最全学习路线指南

• 鸿蒙应用开发实战项目，看这一篇文章就够了（部分项目附源码）

---

SwipeRefresher

内容加载指获取内容并加载出来，常用于衔接展示下拉加载的内容。

说明

该组件及其子组件从 API Version 10 开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。

导入模块

import { SwipeRefresher } from '@kit.ArkUI'

子组件

无

属性

不支持通用属性

SwipeRefresher

SwipeRefresher ({content?: string, isLoading: boolean})

装饰器类型：@Component

元服务API： 从API version 11开始，该接口支持在元服务中使用。

系统能力： SystemCapability.ArkUI.ArkUI.Full

参数：

名称	参数类型	必填	装饰器类型	说明
content	string	否	@Prop	内容加载时显示的文本。
isLoading	boolean	是	@Prop	当前是否正在加载。 isLoading为true时，表示正在加载。 isLoading为false时，表示未在加载。

事件

支持通用事件

示例

展示设置属性content为空字串及不为空、isLoading为true和false的不同加载效果。

import { SwipeRefresher } from '@kit.ArkUI';


@Entry
@Component
struct Index {
  build() {
    Column() {
      SwipeRefresher({
        content: '正在加载中',
        isLoading: true
      })
      SwipeRefresher({
        content: '',
        isLoading: true
      })
      SwipeRefresher({
        content: '正在加载中',
        isLoading: false
      })
    }
  }
}