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

Question

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

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

Answer 1

您可以从 Firebase 获取图像的 URL 并使用 coil 库在 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
)