用compose实现下拉刷新上拉加载更多

最新推荐文章于 2023-12-20 14:08:28 发布
最新推荐文章于 2023-12-20 14:08:28 发布
阅读量470 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42591908/article/details/129603103
版权

实现下拉刷新和上拉加载更多的话，你可以使用Compose中的SwipeRefreshLayout和LazyColumnFor。

SwipeRefreshLayout可以用来实现下拉刷新，它可以包含其他的Compose控件，并且在用户下拉时会触发刷新事件。

而LazyColumnFor是一个可懒加载的Column，它会根据屏幕的空间加载更多的item，这样可以实现上拉加载更多的效果。

以下是一个简单的示例代码：

@Composable
fun RefreshableList(data: List<String>) {
    SwipeRefreshLayout(
不吃香菜的鱼
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Jetpack-Compose-Pagination:Jetpack组成分页。 使用Jetpack Compose列出分页。 LazyColumn加载更多。 惰性列分页
03-08
Jetpack-复合分页 Jetpack组成分页。 使用Jetpack Compose列出分页 LazyColumn加载更多。 LazyColumn分页。 载入第一页 第一页 正在载入下一页
compose-list下拉刷新、上拉加载更多（结合网络请求）
12-20
jetpack compose 下拉刷新、上拉加载更多（结合网络请求）
Compose基于LazyColumn的上拉加载
LZ511321的博客
06-29 654
扩展性很强，可以任意修改加载更多的样式，如果想要预加载，则不能使用key的方式，而是通过数量来进行判定，只需要修改derivedStateOf内部的判断条件即可。总结：极其少量的代码去做了加载更多的事情，与传统的加载要去弄ui不同，这里只需要监测key即可，且对代码的入侵性极小，需要加载更多的时候提供一个listState与loadState即可。前言：首先pagging对于compose是有支持的，基础需求已可以满足，但是因为存在这样那样的情况导致我不再使用它，而是自己弄了个出来，目前使用比较满意。
Jetpack Compose - LazyRow、LazyColumn
乐翁龙
12-13 6815
Jetpack Compose - LazyRow、LazyColumn0、介绍1、属性一览2、使用示例3、版本更新4、未解决问题 Compose系列文章，请点原文阅读。原文，是时候学习Compose了！ 0、介绍 前面我们学习了可以滚动的视图ScrollableRow、ScrollableColumn，当内容过长时可以使其子级进行滚动展示。但是如果遇到超长列表的情况，滚动视图就不可用了，因为滚动视图没有缓存机制，当列表过长的时候，很容易造成内存溢出的情况。 所以这篇文章大就一起来看下Compose给出
Compose实战-实现一个带下拉加载更多功能的LazyColumn
分享+记录
08-01 2507
使用compose，实现一个带下拉加载更多功能的LazyColumn
Compose——下拉刷新、上拉加载更多（pagging结合网络数据）、列表中项左右滑动删除、加载骨架屏、列表中项点击查看详细内容
最新发布
wy313622821的博客
12-20 1141
【代码】Compose——下拉刷新、上拉加载更多。
Jetpack Compose实现下拉刷新、上拉加载
Within的博客
04-19 1276
【代码】Jetpack Compose实现下拉刷新、上拉加载。
Jetpack Compose : 一学就会的自定义下拉刷新&加载更多
Gaga246的博客
01-07 1405
一个成熟Androider的标志是自定义下拉刷新&加载更多😁因为我这个人比较懒（其实就是菜），所以直接拿Compose自带的下拉刷新来修改。这里先上效果图，第一张是Compose自带的下拉刷新，第二张是我们想要的下拉刷新。列表跟随手指滑动指示器样式修改//refreshing：下拉刷新状态//onRefresh：下拉刷新回调方法//设置下拉刷新//列表//...省略部分代码...//下拉刷新指示器想要让列表跟随手指滑动，咱们很容易就能联想到指示器。
ComposeUI——下拉刷新+上拉加载(二、SwipeLazyColum)
lifeidroid的专栏
10-21 758
3、两处回调方法不够统一，SwipeRefresh里面下拉刷新的回调，LazyLoadMoreColum里面加载更多的回调。，虽然可以实现，但是不够优雅，不如原生来的更简洁，可不可以将他们融合起来做成一个既可以下拉刷新又可以上拉加载更多呢。2、每次编写代码都要进行嵌套，SwipeRefresh里面套一个LazyLoadMoreColum【代码太过冗余】1、下拉刷新和上拉加载的状态，需要单独变量控制【可不可以通过方法控制呢？2、控件抽取封装，统一回调方法（SwipeLazyColum.kt）
load_More(点击加载更多)
08-24
点击加载跟多
用Git子模块和DockerCompose实现高效开发工作流
01-30
Compose实现高效率的开发工作流，让程序员能够轻松搭建出开发环境，把精力投入到需要开发的应用本身。自我们从ContinuousSoftware雇佣了第一位远程开发的程序员以来，我们就意识到精简开发工作流的重要性。当新入职...
IDEA中使用Docker Compose容器编排的实现
08-18
主要介绍了IDEA中使用Docker Compose容器编排的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Retrogamer-Compose:使用Jetpack Compose实现的复古游戏
03-08
Retrogamer-撰写 :brick: 俄罗斯方块
详解Jetpack Compose的标准布局
金戈鐡馬
05-19 1262
Compose是一个声明式UI系统，其中，我们用一组函数来声明UI，并且一个Compose函数可以嵌套另一个Compose函数，并以树的结构来构造所需要的UI。 在Compose中，我们称该树为UI 图，当UI需要改变的时候会刷新此UI图，比如Compose函数中有 if 语句，那么Kotlin编译器就需要注意了。 在Compose的世界中，没有类的概念，全都是函数，并且都是顶层函数，因此不会有任何继承和层次机构问题。
打造最强RecyclerView Item侧滑菜单 长按拖拽Item 滑动删除Item
qq906786621的专栏
08-05 305
http://blog.csdn.net/yanzhenjie1003/article/details/52115566
Compose 实战之为下拉刷新添加自定义指示器
sinat_17133389的博客
10-17 329
在上述内容中我们以为例，讲解了如何给下拉刷新组件添加自定义的指示器。可以看出，自定义下拉指示器有很大的自由度，能够使用的参数也很多，几乎可以满足我们的所有需求，能不能把指示器玩出花来完全取决于我们的想象力。当然，本文只说了如何为的下拉刷新添加自定义指示器，而没有说如何为material的添加指示器，本来我原计划是打算两个一起讲的，但是看了一下，material的下拉刷新少了几个参数，对于编写自定义指示器有点不太方便，所以我就没有继续尝试了，感兴趣的可以自己试试。
【Compose】亲手封装一个简单灵活的下拉刷新上拉加载 Compose Layout
zzz777qqq的博客
07-03 680
但是上拉加载目前没看到有封装的特别好的库，Paging 有些场景无法满足，而且上拉加载也是个比较简单的功能，没必要再去依赖一个质量未知的库。我们可以基于目前的 LazyList 简单的封装一个灵活的组件。
ComposeUI——下拉刷新+上拉加载(一、简单封装)
lifeidroid的专栏
10-20 1649
ComposeUI是将来开发的趋势，本人也在对它进行学习，会把踩过的坑一一记录下来，希望能对大家有帮助。话不多说，直接开干。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值