Package dev.chrisbanes.accompanist.coil

Creates a composable that will attempt to load the given request using Coil, and provides complete content of how the current state is displayed:

CoilImage(
  request = ImageRequest.Builder(context).data(...).build(),
) { imageState ->
  when (imageState) {
    is ImageLoadState.Success -> // TODO
    is ImageLoadState.Error -> // TODO
    ImageLoadState.Loading -> // TODO
    ImageLoadState.Empty -> // TODO
  }
}

Creates a composable that will attempt to load the given data using Coil, and provides complete content of how the current state is displayed:

CoilImage(
  data = "https://www.image.url",
) { imageState ->
  when (imageState) {
    is ImageLoadState.Success -> // TODO
    is ImageLoadState.Error -> // TODO
    ImageLoadState.Loading -> // TODO
    ImageLoadState.Empty -> // TODO
  }
}

Creates a composable that will attempt to load the given request using Coil, and then display the result in an Image.

This version of the function is more opinionated, providing:

• Support for displaying alternative content while the request is 'loading'. See the loading parameter.

• Support for displaying alternative content if the request was unsuccessful. See the error parameter.

• Support for automatically fading-in the image once loaded. See the fadeIn parameter.

CoilImage(
  request = ImageRequest.Builder(context).data(...).build(),
  fadeIn = true,
  loading = {
    Stack(Modifier.fillMaxSize()) {
      CircularProgressIndicator(Modifier.align(Alignment.Center))
    }
  }
)

Creates a composable that will attempt to load the given data using Coil, and then display the result in an Image.

This version of the function is more opinionated, providing:

• Support for displaying alternative content while the request is 'loading'. See the loading parameter.

• Support for displaying alternative content if the request was unsuccessful. See the error parameter.

• Support for automatically fading-in the image once loaded. See the fadeIn parameter.

CoilImage(
  data = "https://www.image.url",
  fadeIn = true,
  loading = {
    Stack(Modifier.fillMaxSize()) {
      CircularProgressIndicator(Modifier.align(Alignment.Center))
    }
  }
)