Coil Image Loader加载图片失败：仅显示粉色空白区域求助

问题根源 #

你用rememberAsyncImagePainter传入已获取的Drawable是错误用法——这个API是为异步加载图片设计的，并非用来直接包装已存在的Drawable，这会导致Painter无法正确解析Drawable，最终显示Compose默认的占位错误色（粉色）。

修复方案 #

直接用rememberDrawablePainter包装已获取的Drawable，替换原有的rememberAsyncImagePainter：

Image(
    painter = rememberDrawablePainter(drawable),
    contentDescription = null,
    contentScale = ContentScale.Fit,
    modifier = modifier
)

更优写法（推荐） #

既然使用Coil，完全可以直接用Compose专用的AsyncImage组件，无需手动处理Drawable的获取，代码更简洁且不易出错：

AsyncImage(
    model = url,
    contentDescription = null,
    contentScale = ContentScale.Fit,
    modifier = modifier,
    error = painterResource(R.drawable.error_image),
    imageLoader = ImageLoader(context)
)

额外注意事项 #

• 确保Coil依赖包含Compose扩展库，示例依赖如下：

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

• 避免重复创建ImageLoader实例，建议全局单例初始化（如在Application类中），减少资源消耗。

内容的提问来源于stack exchange，提问作者DOĞUŞ İZGİ