如何在Jetpack Compose中预览LazyPagingItems/Paging 3库

import androidx.paging.Pager
import androidx.paging.compose.collectAsLazyPagingItems
import androidx.paging.compose.LazyPagingItems
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.runtime.Composable

val pagingItems: LazyPagingItems<YourDataType> = Pager(
    // 配置你的PagingSource
    PagingConfig(pageSize = 20)
) {
    YourPagingSource()
}.flow.collectAsLazyPagingItems()

@Composable
fun YourScreen() {
    val lazyPagingItems = pagingItems

    LazyColumn {
        items(lazyPagingItems) { item ->
            // 显示每个数据项的UI
            YourDataItem(item)
        }

        // 加载状态的UI
        lazyPagingItems.apply {
            when {
                loadState.refresh is LoadState.Loading -> {
                    item { YourLoadingItem() }
                }
                loadState.append is LoadState.Loading -> {
                    item { YourLoadMoreItem() }
                }
                loadState.refresh is LoadState.Error -> {
                    // 处理加载错误的情况
                }
                loadState.append is LoadState.Error -> {
                    // 处理加载更多错误的情况
                }
            }
        }
    }
}