#跟着晓明学鸿蒙# 鸿蒙Next开发中ohpm三方库使用指南之refreshview1集成示例
·
refreshview1 (API12 - 5.0.3.906)
🏆简介
refreshView1 支持瀑布流、列表、网格页面的下拉刷新、上提加载更多，支持自定义页面头部、尾部界面，支持自定义列表元素页面。
- 可配置请求接口、入参参数；
- 支持定义请求状态码；
- 支持自定义出参数据字段；
- 支持扩展参数；
- 支持瀑布流、列表、网格显示类型。
🌞下载安装与使用说明🙏
无需安装其他三方依赖。
1. 下载
点击项目中Terminal,输入以下命令：
ohpm install refreshview1
2. 导入组件
在使用页面 导入
import {RefreshType,RefreshModel,RefreshView } from "refreshView"
3. 使用
添加刷新组件即可
RefreshView({api:GET_NEWS, itemView:this.itemView})
📂模块介绍
RefreshView包含三个模块，分别为RefreshType、RefreshModel、RefreshView模块
1. RefreshType,为支持下拉刷新的枚举类型，上提加载更多的界面类型
| 方法名 | 参数值 | 说明 |
|---|---|---|
| WATER_FLOW | 1 | 瀑布流 |
| LIST | 2 | 列表 |
| GRID | 3 | 网格 |
2. RefreshModel,支持定义刷新组件的参数
| 方法名 | 参数类型 | 参数值 | 说明 |
|---|---|---|---|
| type | RefreshType | RefreshType.WATER_FLOW | RefreshType类型，默认值为RefreshType.WATER_FLOW |
| successStatus | number | 200 | 成功状态码，默认200 |
| codeKey | string | code | 自定义成功状态码的key |
| dataKey | string | rows | 自定义成功，后端返回数据的key |
| pageSize | number | 10 | 默认每页加载数据的数量 |
| pageNum | number | 1 | 默认加载第几页 |
| sizeKey | string | pageSize | 后端需要传入页面大小的字段，可自定义 |
| numKey | string | pageNum | 后端需要传入页码的字段，可自定义 |
| columnsTemplate | string | 1fr 1fr | 瀑布流、网格布局时候显示的样式 |
| columnsGap | number | 10 | 瀑布流、网格布局时候显示的列间距 |
| rowsGap | number | 10 | 瀑布流、网格布局时候显示的行间距 |
| otherParams | object | new Object() | 支持服务端需要的其他入参参数，如搜索、分类等 |
| constructor | 构造函数 | successStatus?: number, codeKey?: string, dataKey?: string, pageSize?: number, pageNum?: number, sizeKey?: string, numKey?: string, otherParams?: object |
3. RefreshView，组件
| 方法名 | 参数值 | 说明 |
|---|---|---|
| itemView | 构建函数 | 显示元素的组件 |
| headerView | 构建函数 | 头部自定义组件 |
| footerView | 构建函数 | 尾部自定义组件 |
🍎贡献代码与技术交流
starUnion技术联盟
🌏开源协议
本项目基于 Apache License, Version 2.0 ，在拷贝和借鉴代码时，请大家务必注明出处。
讨论HarmonyOS开发技术，专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。
更多推荐
0
0- 0
已为社区贡献97条内容
所有评论(0)