How can I load images from Firebase Storage in a LazyColumn in Jetpack Compose in Android?



I am currently creating an app using Jetpack Compose in Android. I am using Firebase to load data into the app. The app has a main screen with a LazyColumn that loads names from Firestore database through ViewModel.

Now, I also want to load images along with names in the LazyColumn from the Firebase Storage. I have searched online on how to achieve this, however I could not find any examples related to this.


You can get the URL of the image from Firebase and use the coil library to load an image in Compose:


In your compose

    painter = rememberImagePainter(
        data = imageUrl,
        builder = {
    contentDescription = "description",
    contentScale = ContentScale.Crop

Answered By – S Haque

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0

Leave A Reply

Your email address will not be published.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More