What are people using for previewing async images?...

# compose-android

[Rok Oblak]

What are people using for previewing async images?
Just wondering about a solution which is minimal and not too intrusive for production code.

I was going to adjust the async image component to check LocalInspectionMode.current and render a local box with a placeholder, but not sure if there is a cleaner solution which doesn't involve the async image to actually fire the request.

[Stylianos Gakis]

Do you want something to be rendered there in particular?
We just do this https://github.com/HedvigInsurance/android/blob/develop/app%2Fdesign-system%2Fdesign-system-hedvig%2Fsrc%2Fmain%2Fkotlin%2Fcom%2Fhedvig%2Fandroid%2Fdesign%2Fsystem%2Fhedvig%2FHedvigPreview.kt#L21-L61 and I haven't had a need for anything else really

[Rok Oblak]

That works too, ty!

[yschimke]

I think you can update the deprecated singleton image loader to avoid passing it as a param. And https://coil-kt.github.io/coil/testing/ which doesn't have any extra dependencies.

[Stylianos Gakis]

The test artifact wouldn't really help in preview code though right? And the previews would still need to have some instance of the ImageLoader as a local, which all previews would still need to provide, is that correct or am I missing something in the new local?
Passing it as a param was a deliberate decision for us actually so that we can do this much easier in our preview code.

[yschimke]

I ended up with https://github.com/google/horologist/blob/main/images%2Fcoil%2Fsrc%2Fmain%2Fjava%2Fcom%2Fgoogle%2Fandroid%2Fhorologist%2Fimages%2Fcoil%2FFakeImageLoader.kt

[Stylianos Gakis]

Aha, this applies the composition local itself?
How does this practically look like in your previews?
I feel like I'm definitely missing something around how this is used