如何在 Android 中的 Jetpack Compose 的 LazyColumn 中从 Firebase 存储加载图像？

Question

我目前正在 Android 中使用 Jetpack Compose 创建一个应用程序。 我正在使用 Firebase 将数据加载到应用程序中。 该应用程序有一个带有 LazyColumn 的主屏幕，它通过 ViewModel 从 Firestore 数据库加载名称。

现在，我还想从 Firebase 存储加载图像以及 LazyColumn 中的名称。 我在网上搜索了如何实现这一点，但是我找不到任何与此相关的示例。

Answer 1

您可以从 Firebase 获取图像的 URL 并使用线圈库在 Compose 中加载图像：

implementation("io.coil-kt:coil-compose:1.3.2")

在你的撰写中

Image(
    painter = rememberImagePainter(
        data = imageUrl,
        builder = {
            crossfade(false)
            placeholder(R.drawable.placeholder)
        }
    ),
    contentDescription = "description",
    contentScale = ContentScale.Crop
)