Crossfade doesn't smoothly transition between images

Hi there. Is it possible to achieve proper crossfade between two images ( not the placeholder ), by loading one and then the other?

I apply a crossfade between a series of images but it isn’t a true smooth crossfade. The original disappears, is replaced by just black, then the new image fades in. So you always see this black, ‘empty’ image in between the transitions, instead of a smooth true crossfade. Is there a way to fix this?

Running version 1.1.0 ( was on 1.0.0 before with same problem ) Loading the image like this:

load(images[currentIndex].path) {
            crossfade(600)
}

I tried simply using crossfade(true) I also tried transition(CrossfadeTransition(600, true))

But the result is always a ‘false’ crossfade. It’s really just the first image disappearing, a short instant of black/empty image, then the new image fading in.

I’m assuming you simply can’t crossfade two images without using two imageviews, but wanted to check.

[ThomasArtProcessors]

Not sure what happened last time but I tried this again and the code works fine and keeps working as I cycle through the same images continually… It does give me a memory leak on the other hand, but I will look into that. Thanks!

[JJSarrasin]

For my case, I only need the following snippet to avoid the black blink effect (I need to disable cache policy, that’s maybe not your need)

val request = ImageRequest.Builder(context)
      .data(url)
      .crossfade(0)
      .memoryCachePolicy(CachePolicy.DISABLED)
      .target(object : TransitionTarget {
          override val drawable get() = cardView.showImageView.drawable
          override val view get() = cardView.showImageView
          override fun onSuccess(result: Drawable) {
              myImageVie.setImageDrawable(result)
          }
      })
      .build()