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