ComposeUI——下拉刷新+上拉加载(一、简单封装)

lifeidroid

已于 2022-10-21 09:02:14 修改

阅读量2k

点赞数 1

分类专栏：安卓开发经验 Android相关文章标签： Compose上拉加载下拉刷新上拉加载

于 2022-10-20 17:07:21 首次发布

本文链接：https://blog.youkuaiyun.com/u010055819/article/details/127429866

版权

本文介绍了在ComposeUI中实现下拉刷新和上拉加载的方法。通过引入SwipeRefresh库进行下拉刷新，并详细讲解了使用步骤。对于上拉加载，由于未找到成熟第三方库，作者自己封装了一套解决方案，包括判断LazyColumn底部、扩展LazyListState以及封装LazyLoadMoreColumn组件。提供了关键代码示例，旨在帮助开发者理解和应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言：ComposeUI是将来开发的趋势，本人也在对它进行学习，会把踩过的坑一一记录下来，希望能对大家有帮助。话不多说，直接开干。

下拉刷新

下拉刷新有封装好的控件SwipeRefresh我们直接拿来用：

1、引入依赖库

repositories {
    mavenCentral()
}

dependencies {
    implementation "com.google.accompanist:accompanist-swiperefresh:<version>"
}

注意：要根据自己项目中composeUI 的版本引入正确的版本号

2、使用方法

ViewModel:
    var isRefreshing by mutableStateOf(false)//用来控制SwipeRefresh的刷新状态
        private set

UI:
SwipeRefresh(
            state = rememberSwipeRefreshState(isRefreshing = vm.isRefreshing),//用来控制SwipeRefresh的刷新状态
            onRefresh = {//刷新回调
                vm.loadTopArticle()
                vm.loadArticle(true)
            }) {
            LazyColum() {
                item {
                    SwiperContent(dataSource = vm.swiperData)
                }
                items(vm.articleTopDataSource) { temp ->
                    ArticleItem(item = temp, true)
                }
            }
        }

这个控件使用起来还是比较简单的，可以参考官网：Guide - Accompanist