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

Question

我认为标题说明了一切。

LazyPagingItems 构造函数是内部的。我无法在 Preview Composable 中将 LazyPagingItems 作为参数传递，更不用说传递示例数据了。但是我想显示我的可组合的预览，我应该怎么做？

@Composable
fun MainUi(users: LazyPagingItems<User>) {
    Scaffold {
        LazyColumn() {
            items(users) {
                // Rest of the code..
            }
        }
    }
}

@Preview
@Composable
fun Preview() {
    DefaultTheme {
        MainUi(users = ) // How to pass sample data here?
    }
}

Answer 1

你可以使用PagingData.empty()或PagingData.from(List<T>)，像这样：

@Preview
@Composable
fun Preview() {
    DefaultTheme {
        MainUi(users = flowOf(PagingData.from(listOf(User(..)))).collectAsLazyPagingItems()
    }
}

我不确定这些项目是否显示在预览中，但至少你可以渲染它...