• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
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
2223
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