android-jetpack-compose - 如何在 Jetpack Compose 中预览 LazyPagingItems/Paging 3 库

Question

我认为标题说明了一切。LazyPagingItems构造函数是内部的。我过不去LazyPagingItems作为 Preview Composable 中的参数，更不用说传递示例数据了。但是我想显示我的可组合预览，我该怎么做？

@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()
    }
}

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