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

【问题标题】：How can I load images from Firebase Storage in a LazyColumn in Jetpack Compose in Android?如何在 Android 的 Jetpack Compose 的 LazyColumn 中从 Firebase 存储加载图像？
【发布时间】：2021-11-08 03:48:30
【问题描述】：

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

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

【问题讨论】：

标签： android firebase firebase-storage android-jetpack-compose

【解决方案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
)

【讨论】：