Adding Image from url using coil image library using jetpack compose in Android Studio

1: Go to the website of the coil image library using this link https://coil-kt.github.io/coil/compose/

2: Implement the dependency below or the most recent version in the build.gradle

implementation("io.coil-kt:coil-compose:2.2.2")

3: After sync the project add this sample code to the project in a composable function

AsyncImage(
    model = ImageRequest.Builder(LocalContext.current)
        .data("https://example.com/image.jpg")
        .crossfade(true)
        .build(),
    placeholder = painterResource(R.drawable.placeholder),
    error = painterResource(R.drawable.error),
    contentDescription = stringResource(R.string.description),
    modifier = Modifier.size(60.dp)
)

4: Explanation of the code:

data -> url of the image that you want to show in the app

placeholder -> showing a specific image when the url of the image is loading

error -> showing a specific image when some reason was not possible to load the image

contentDescription -> description of the image (it can be null)

Adding Image from url using coil image library using jetpack compose in Android Studio

Grepper

Documentation

Social

Legal

Contact