In Compose AsyncImage, how do I set custom ImageRequest.Listener?

[aldo-astro]

In ImageView.load function (not Compose), we can attach custom ImageRequest.Listener to receive the image request is successful or not. For example:

imageView.load("http://placekitten.com/200/300") {
    listener { request, result ->
       // do something
    }
}

But I don't see the same functionality in AsyncImage.

@Composable
fun AsyncImage(
    model: Any?,
    contentDescription: String?,
    modifier: Modifier = Modifier,
    transform: (State) -> State = DefaultTransform,
    onState: ((State) -> Unit)? = null,
    alignment: Alignment = Alignment.Center,
    contentScale: ContentScale = ContentScale.Fit,
    alpha: Float = DefaultAlpha,
    colorFilter: ColorFilter? = null,
    filterQuality: FilterQuality = DefaultFilterQuality,
) = AsyncImage

So, how do I set custom ImageRequest.Listener in Coil Compose? Did I miss something?

Thank you in advance 🙏

[aldo-astro]

Is it the correct way to listen to state in AsyncImage?

AsyncImage(
    onState = {
      when (it) {
          is AsyncImagePainter.State.Empty -> {}
          is AsyncImagePainter.State.Error-> {}
          is AsyncImagePainter.State.Loading-> {}
          is AsyncImagePainter.State.Success-> {}
      }
    },

[aldo-astro]

Another approach..

val imageLoader = ImageLoader.Builder(androidContext())
    .okHttpClient(okHttpClient)
    .eventListener(object : EventListener {
        override fun onStart(request: ImageRequest) {
        }
        
        override fun onSuccess(request: ImageRequest, result: SuccessResult) {
        }

        override fun onError(request: ImageRequest, result: ErrorResult) {
        }
    })
    .build()
Coil.setImageLoader(imageLoader)