1# SwipeRefresher
2
3
4内容加载指获取内容并加载出来，常用于衔接展示下拉加载的内容。
5
6> **说明：**
7>
8> 该组件及其子组件从 API Version 10 开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
9
10
11## 导入模块
12
13```
14import { SwipeRefresher } from '@kit.ArkUI'
15```
16
17
18## 子组件
19
20无
21
22## 属性
23支持[通用属性](ts-universal-attributes-size.md)
24
25
26## SwipeRefresher
27
28SwipeRefresher ({content?: string, isLoading: boolean})
29
30**装饰器类型：**\@Component
31
32**原子化服务API：** 从API version 11开始，该接口支持在原子化服务中使用。
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 '@kit.ArkUI';
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