Has anyone written a composable that can display a...

# compose

[zsperske]

Has anyone written a composable that can display an image from firebase storage? I had something working on an older alpha but I’m curious if there’s a new option.

[Mark Murphy]

AFAICT, there are recipes for using Firebase Storage with Coil and Glide. You could then use Accompanist (https://github.com/google/accompanist) as the composable wrapper.

[zsperske]

Thanks!

[zsperske]

I’ve been heading that direction, this works but I’m not happy with it yet.

@Composable
fun NetworkImage(url: String, modifier: Modifier = Modifier, @DrawableRes placeholder : Int = R.drawable.placeholder) {
    if (url.isEmpty()) {
        Image(painter = painterResource(id = placeholder), modifier = modifier, contentDescription = "Placeholder")
        return
    }

    val reference = Firebase.storage.getReference(url)
    var downloadUrl by remember { mutableStateOf("") }
    reference.downloadUrl.addOnCompleteListener {
        downloadUrl = it.result.toString()
    }

    CoilImage(modifier = modifier, contentScale = ContentScale.Crop, data = downloadUrl, contentDescription = "")
}

[Mark Murphy]

I was thinking more along the lines of https://github.com/rosariopfernandes/firecoil/ or https://medium.com/@egemenhamutcu/displaying-images-from-firebase-storage-using-glide-for-kotlin-projects-3e4950f6c103, but I am not a Firebase user, so 🤷🏻