uni app 实现简单的上拉加载，下拉刷新

Posted 2023-03-13

参考技术A 1,定义data数据

2,请求数据

3,如果有切换事件,重置页数及数据

4,上拉及下拉

5,下拉刷新需要修改package.js

"enablePullDownRefresh": true,

Android开发之头部悬浮的上拉加载，下拉刷新的列表

参考技术A 带时间戳的列表，要求时间悬浮顶部，动态替换顶部时间如下图，如下图，

多布局实现，时间悬浮为一个布局，数据相关内容为一个布局，这里推荐一个 Adapter依赖库BRVAH

根据返回的ItemViewType来加载不同的布局，动态设置时间布局的显示

加载数据时根据时间比较，判断当前数据是头部数据还是普通数据，添加进集合中

注意数据的判断，正确进行头部数据的添加。

将时间转化为xx月xx日的格式

默认情况下，最多只显示四行文本如下

点击之后，展开所有文本

具体实现如下：

设置下拉刷新，下拉加载的布局

具体实现可参考Demo，或者依赖库文档
刷新之后回调

下拉加载，上拉刷新布局如图，具体可运行demo查看

在头部悬浮，结合上拉刷新下拉加载过程中，遇到过上拉加载，导致头部悬浮布局错位，先前采用
SmartRefreshLayout ，由于SmartRefreshLayout上拉加载会将布局向上顶，导致悬浮布局错误，调试无果后，采用 EasyRefreshLayout 。

头部悬浮的上拉加载，下拉刷新的列表主要实现采用 Adapter依赖库BRVAH 及其推荐相关库 EasyRefreshLayout 和 RecyclerView粘性标签库 。其他更多用法，可以自行访问相关库学习。
最后给出 DEMO .