Android Jetpack Compose Paging+SwipeRefresh实现分页和下拉刷新

val key=params.key?:0
val resource = exeRequest {
mService.getContentByTitle(key, title)
}

return if (resource is Resource.SuccessResource) {
resource.data?.let {
return LoadResult.Page(
it, null, if (key > 8) {//这里是假设获取了8页之后就没有下一页了
null
} else {
key + 1
}
)
}
LoadResult.Error(Exception())
} else {
LoadResult.Error(Exception())
}
}

override fun getRefreshKey(state: PagingState<Int, Content>): Int? {
return null
}

}

Repository

class HomeRepository(private val mService:RetrofitService) {

fun getContentByTitle(title:String)=Pager(config = PagingConfig(20)){
ContentPageSource(title,mService)
}
}

ViewModel

class HomeViewModel(private val homeRepository: HomeRepository) : BaseViewModel() {

fun getContentByTitle(title: String): Flow<PagingData> {
return homeRepository.getContentByTitle(title).flow.cachedIn(viewModelScope)
}
}

对SwipeRefresh和Paging封装

@Composable
fun SwipeRefreshList(collectAsLazyPagingItems: LazyPagingItems, content: LazyListScope.() -> Unit) {
val rememberSwipeRefreshState = rememberSwipeRefreshState(isRefreshing = false)
SwipeRefresh(
state = rememberSwipeRefreshState,
onRefresh = { collectAsLazyPagingItems.refresh() }) {

rememberSwipeRefreshState.isRefreshing =
collectAsLazyPagingItems.loadState.refresh is LoadState.Loading

LazyColumn(
modifier = Modifier
.fillMaxHeight()
.fillMaxWidth(),
horizontalAlignment = Alignment.CenterHorizontally
) {

content()

collectAsLazyPagingItems.apply {
when {
loadState.append is LoadState.Loading -> {//加载更多时，就在底部显示loading的item
item { LoadingItem() }
}
loadState.append is LoadState.Error -> {//加载更多的时候出错了，就在底部显示错误的item
item {
ErrorItem() {
collectAsLazyPagingItems.retry()
}
}
}
loadState.refresh is LoadState.Error -> {
if (collectAsLazyPagingItems.itemCount <= 0) {//刷新的时候，如果itemCount小于0，说明是第一次进来，出错了显示一个大的错误内容
item {
ErrorContent() {
collectAsLazyPagingItems.retry()
}
}
} else {
item {
ErrorItem() {
collectAsLazyPagingItems.retry()
}
}
}
}
}
}
}
}
}

@Composable
fun ErrorItem(retry: () -> Unit) {
Button(onClick = { retry() }, modifier = Modifier.padding(10.dp)) {
Text(text = “重试”)
}
}

@Composable
fun ErrorContent(retry: () -> Unit) {
Image(modifier = Modifier.padding(top = 80.dp),painter = painterResource(id = R.drawable.bg_empty), contentDescription = null)
Text(text = “请求出错啦”)
Button(onClick = { retry() }, modifier = Modifier.padding(10.dp)) {
Text(text = “重试”)
}
}

@Composable
fun LoadingItem() {
CircularProgressIndicator(modifier = Modifier.padding(10.dp))
}

在Compose里使用

@Composable

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！