简单Android compose完成下拉刷新（效果展示+源码）

最新推荐文章于 2024-08-23 11:43:41 发布

程序员一东

最新推荐文章于 2024-08-23 11:43:41 发布

阅读量559

点赞数

文章标签： android

本文链接：https://blog.csdn.net/Eqiqi/article/details/129642757

版权

ComposeRefreshLayout是一个简洁的Android库，支持自定义刷新头和加载视图。用户需要提供自己的刷新和加载组件代码，库本身不包含默认样式。通过设置refreshing和isLoadMore状态以及onRefresh和onLoadMore回调，可以轻松实现下拉刷新和上拉加载功能。示例代码展示了如何结合使用这两个功能。

摘要由CSDN通过智能技术生成

ComposeRefreshLayout 是一个简单易用的下拉刷新库，代码简单易用，可自定义刷新头与上拉加载View。

效果展示

说明

因刷新头与上拉加载View全部为自定义,比较灵活，所以本库里不包含默认刷新头与加载View，效果中的刷新头与加载View代码在app目录下的simple里

引入

repositories {
…
maven { url ‘jitpack.io’ }
}

dependencies {
implementation ‘com.github.xiaoyu00:ComposeRefreshLayout:1.0.0’
}

下拉刷新

RefreshLayout(refreshingState = refreshing, onRefresh = {
            refreshing = true
            scope.launch {
                delay(2000)
                refreshing = false
            }
        }, refreshHeader = { offset, state ->
           // RefreshDefaultHeader(state, offset)
	   // RefreshLottieHeader(state)
           // 你的刷新Header(上面刷新头代码在app下simple里)  
　　　　　　...
        }) {
            // 刷新内容
           ... 
         }
    }

上拉加载(与下拉刷新使用方法相同)

LoadMoreLayout(loadMoreState = isLoadMore, onLoadMore = {
        isLoadMore = true
        scope.launch {
            delay(2000)
            isLoadMore = false
        }
    }, loadMore = { offset, state ->
        // LoadMoreDefaultView(state, isNoMore)(此代码在app下simple里)
	// 你的加载View  
　　　　...
    }) {  
　　　　// 加载内容  
　　　　...  
}

组合使用

`LoadMoreLayout(loadMoreState = isLoadMore, onLoadMore = {         isLoadMore = true         scope.launch {             delay(2000)             isLoadMore = false         }     }, loadMore = { offset, state ->         // LoadMoreDefaultView(state, isNoMore)(此代码在app下simple里) 	// 你的加载View   　　　　...     }) {         RefreshLayout(refreshingState = refreshing, onRefresh = {             refreshing = true             scope.launch {                 delay(2000)                 refreshing = false             }         }, refreshHeader = { offset, state ->             //RefreshDefaultHeader(state, offset) (此刷新头代码在app下simple里) 	    // 你的刷新Header   　　　　　　...         }) {             //内容   　　　　　　...         }     }`

更多学习和讨论，欢迎加入我们的知识星球！

扫码加入我们吧！