1# @ohos.arkui.advanced.SwipeRefresher (内容加载) 2 3 4内容加载指获取内容并加载出来,常用于衔接展示下拉加载的内容。 5 6 7 8> **说明:** 9> 10> 该组件及其子组件从 API Version 10 开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。 11 12 13## 导入模块 14 15``` 16import { SwipeRefresher } from '@ohos.arkui.advanced.SwipeRefresher' 17``` 18 19 20## 子组件 21 22无 23 24## 属性 25支持[通用属性](ts-universal-attributes-size.md) 26 27 28## SwipeRefresher 29 30SwipeRefresher ({content?: string, isLoading: boolean}) 31 32**装饰器类型:**\@Component 33 34**系统能力:** SystemCapability.ArkUI.ArkUI.Full 35 36**参数:** 37 38| 名称 | 参数类型 | 必填 | 装饰器类型 | 说明 | 39| -------- | -------- | -------- | -------- | -------- | 40| content | string | 否 | \@Prop | 内容加载时显示的文本。 | 41| isLoading | boolean | 是 | \@Prop | 当前是否正在加载。<br> isLoading为true时,表示正在加载。<br> isLoading为false时,表示未在加载。 | 42 43## 事件 44支持[通用事件](ts-universal-events-click.md) 45 46## 示例 47```ts 48import { SwipeRefresher } from '@ohos.arkui.advanced.SwipeRefresher'; 49 50@Entry 51@Component 52struct Index { 53 build() { 54 Column() { 55 SwipeRefresher({ 56 content: '正在加载中', 57 isLoading: true 58 }) 59 SwipeRefresher({ 60 content: '', 61 isLoading: true 62 }) 63 SwipeRefresher({ 64 content: '正在加载中', 65 isLoading: false 66 }) 67 } 68 } 69} 70``` 71 72![Snipaste_2023-07-24_11-35-40](figures/Snipaste_2023-07-24_11-35-40.gif) 73