A Painter for Compose Multiplatform that loads images via a URI.

repositories {
    mavenCentral()
}

dependencies {
    implementation("com.composables:compose-uri-painter:1.4.1")
}

import androidx.compose.foundation.Image
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.layout.ContentScale
import com.composables.uripainter.rememberUriPainter

@Composable
fun App() {
    Image(
        painter = rememberUriPainter(
            "https://images.unsplash.com/photo-1476673160081-cf065607f449?q=80&w=1920",
            contentScale = ContentScale.Crop,
        ),
        contentDescription = null,
        modifier = Modifier.fillMaxSize(),
        contentScale = ContentScale.Crop
    )
}

When using a content scale such as ContentScale.Crop, pass the same value to rememberUriPainter and Image. This keeps the first draw and crossfade scaling consistent while the image dimensions become available.

While loading, the painter is transparent. When the image becomes available, its dimensions and drawing update together during composition.

This is the simplest way to add image loading from a URI to your Jetpack Compose and Compose Multiplatform projects.

Uri Painter wraps Sketch to load still and animated GIF images on Android, iOS, desktop, and web. Pass crossfade = 300.milliseconds to fade an image in when it loads.

We accept bug reports and feature requests via GitHub issues.