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展示设置属性content为空字串及不为空、isLoading为true和false的不同加载效果。
48```ts
49import { SwipeRefresher } from '@kit.ArkUI';
50
51@Entry
52@Component
53struct Index {
54  build() {
55    Column() {
56      SwipeRefresher({
57        content: '正在加载中',
58        isLoading: true
59      })
60      SwipeRefresher({
61        content: '',
62        isLoading: true
63      })
64      SwipeRefresher({
65        content: '正在加载中',
66        isLoading: false
67      })
68    }
69  }
70}
71```
72
73![Snipaste_2023-07-24_11-35-40](figures/Snipaste_2023-07-24_11-35-40.gif)
74