Compose版SmartRefreshLayout，下拉刷新与上拉加载，便捷而强大

2023-11-29 05:31:09

在Compose中，SmartRefreshLayout是下拉刷新和上拉加载的绝佳选择，它提供了一系列强大的功能和灵活性，帮助你轻松创建出交互性强、响应迅速的UI。

Compose版SmartRefreshLayout基于SmartRefreshLayout仿写，保留了SmartRefreshLayout的绝大多数特性，包括下拉刷新、上拉加载、拖动阈值设置、自定义头尾布局等，同时对Compose进行了优化，使它更适合Compose开发。

特性

基于Compose实现，支持Compose的各种特性
下拉刷新和上拉加载
无需Paging3
可设置拖动阈值
支持自定义头尾布局
仿写SmartRefreshLayout，UI一致
便捷的API，易于使用

使用

Compose版SmartRefreshLayout的使用非常简单，只需几行代码即可完成下拉刷新和上拉加载的功能。

import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import com.google.accompanist.swiperefresh.SwipeRefresh
import com.google.accompanist.swiperefresh.rememberSwipeRefreshState

@Composable
fun SmartRefreshLayout(
    modifier: Modifier = Modifier,
    onRefresh: () -> Unit,
    content: @Composable () -> Unit
) {
    val swipeRefreshState = rememberSwipeRefreshState(false)
    SwipeRefresh(
        state = swipeRefreshState,
        modifier = modifier,
        onRefresh = onRefresh,
        content = content
    )
}

示例

import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import com.google.accompanist.swiperefresh.SwipeRefresh
import com.google.accompanist.swiperefresh.rememberSwipeRefreshState

@Composable
fun MySmartRefreshLayout() {
    val swipeRefreshState = rememberSwipeRefreshState(false)

    SwipeRefresh(
        state = swipeRefreshState,
        modifier = Modifier.fillMaxSize(),
        onRefresh = {
            // Do your refresh operation here
        },
        content = {
            // Your content here
        }
    )
}