Jetpack Compose中使用Coil如何正确检测无效URL图片加载失败

你当前判断逻辑误触发的核心原因是：直接在组合作用域中判断painter.state会随页面重组多次执行，且状态流转过程中容易出现误判，可采用以下两种稳定方案：

方案1：请求配置中添加错误回调（最推荐） #

直接通过rememberImagePainter的builder参数配置加载结果监听器，只有请求真实失败时才会触发回调，不会出现误触发问题：

val imageUrl = "www.someinvalidurl.com"
// 用可变状态存储当前正在加载的图片地址
var currentUrl by remember { mutableStateOf(imageUrl) }

val painter = rememberImagePainter(
    data = currentUrl,
    builder = {
        // 配置加载结果监听
        listener(
            onError = { request, throwable ->
                // 加载失败时切换备用URL
                currentUrl = "你的备用图片地址"
            },
            onSuccess = { request, metadata ->
                // 可选：加载成功后的自定义逻辑
            }
        )
        // 其他配置项，如占位图、错误图
        placeholder(R.drawable.placeholder)
        error(R.drawable.default_error)
    }
)

Image(
    painter = painter,
    contentDescription = null
)

方案2：监听painter状态变化 #

如果你需要通过状态判断处理逻辑，不要直接在组合作用域写判断语句，使用LaunchedEffect监听painter.state变化，只有状态真正更新为失败时才会执行逻辑：

val imageUrl = "www.someinvalidurl.com"
var currentUrl by remember { mutableStateOf(imageUrl) }
val painter = rememberImagePainter(data = currentUrl)

// 仅当painter.state变化时执行判断逻辑
LaunchedEffect(painter.state) {
    if (painter.state is ImagePainter.State.Error) {
        currentUrl = "你的备用图片地址"
    }
}

Image(
    painter = painter,
    contentDescription = null
)

补充：Coil 2.x版本适配方案 #

如果你后续升级到Coil 2.x版本，可直接用官方提供的AsyncImage组件，处理加载状态更简洁：

AsyncImage(
    model = currentUrl,
    contentDescription = null,
    onError = { state ->
        currentUrl = "你的备用图片地址"
    }
)

内容的提问来源于stack exchange，提问作者Anudeep Ananth