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

下拉刷新和上拉加载更多是常见的列表操作，可以使用Compose框架来实现。Compose提供了SwipeRefresh和LazyColumn组件来实现这些功能。

首先，导入Compose和SwipeRefresh库：

import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.rememberLazyListState
import androidx.compose.material.Scaffold
import androidx.compose.material.SwipeRefresh
import androidx.compose.runtime.Composable
import androidx.compose.runtime.remember
import androidx.compose.ui.platform.LocalContext
import androidx.compose.ui.unit.dp

然后，在你的函数中实现SwipeRefresh和LazyColumn：

@Composable
fun MyScreen() {
    val context = LocalContext.current
    val viewModel = remember { MyViewModel() }
    val lazyListState = rememberLazyListState()

    Scaffold(
        topBar = { MyTopBar() }
    ) {
        SwipeRefresh(
            state = rememberSwipeRefreshState(isRefreshing = viewModel.loading),
            onRefresh = { viewModel.refresh() }
        ) {
            LazyColumn(
                state = lazyListState,
                contentPadding = PaddingValues(horizontal = 16.dp, vertical = 8.dp)
            ) {
                itemsIndexed(viewModel.items) { index, item ->
                    MyListItem(item = item)
                    if (index == viewModel.items.lastIndex && !viewModel.loading) {
                        viewModel.loadMore()
                    }
                }
            }
        }
    }
}

在这个例子中，我们创建了一个MyScreen函数，它包含一个SwipeRefresh和一个LazyColumn。SwipeRefresh的状态由ViewModel中的loading属性控制，当下拉刷新时，我们会调用ViewModel中的refresh函数。LazyColumn使用rememberLazyListState来保存滚动位置，并在最后一个项目被显示时调用ViewModel中的loadMore函数来加载更多数据。

最后，我们需要创建一个ViewModel来处理数据的加载和刷新：

class MyViewModel {
    private val _items = mutableStateListOf<String>()
    val items: List<String> get() = _items

    private var page = 0
    var loading by mutableStateOf(false)
        private set

    private val api = MyApi()

    fun refresh() {
        page = 0
        loading = true
        api.getItems(page) { newItems ->
            _items.clear()
            _items.addAll(newItems)
            loading = false
        }
    }

    fun loadMore() {
        page++
        loading = true
        api.getItems(page) { newItems ->
            _items.addAll(newItems)
            loading = false
        }
    }
}

这个ViewModel包含一个items列表和一个loading状态。当刷新或加载更多时，我们会调用相应的函数来获取数据并更新items列表。在这个例子中，我们使用了一个简单的MyApi类来获取数据，但你可以使用任何你想要的数据源。

这就是用Compose实现下拉刷新和上拉加载更多的基本方法。你可以根据自己的需求和UI来调整代码。