如何强制AsyncImage重新加载同路径同名的新图片？

方案1：添加文件修改时间作为请求签名 #

AsyncImage基于Glide实现，仅禁用内存缓存不足以识别同路径下的文件内容变化。可以将图片文件的最后修改时间作为请求签名，让Glide感知到文件已更新：

val imagePath = uiState.value.imagePath
val imageFile = File(imagePath)
val imageRequest = ImageRequest.Builder(LocalContext.current)
    .data(imagePath)
    .crossfade(true)
    .memoryCachePolicy(CachePolicy.DISABLED)
    .signature(ObjectKey(imageFile.lastModified())) // 用文件修改时间作为签名
    .build()

AsyncImage(
    model = imageRequest,
    contentDescription = "Selected image",
    // 其他配置参数
)

方案2：同时禁用磁盘缓存 #

如果不想使用签名机制，可直接禁用磁盘缓存，确保每次都从原文件读取图片：

val imageRequest = ImageRequest.Builder(LocalContext.current)
    .data(uiState.value.imagePath)
    .crossfade(true)
    .memoryCachePolicy(CachePolicy.DISABLED)
    .diskCachePolicy(CachePolicy.DISABLED) // 禁用磁盘缓存
    .build()

AsyncImage(
    model = imageRequest,
    contentDescription = "Selected image"
)

方案3：通过版本标记触发重组 #

若路径完全一致，Compose可能因状态未变化而不重组UI。可给路径附加一个版本计数器，每次更换图片时递增计数器，强制触发重组和重新加载：

// 在ViewModel中维护版本计数器
private val _imageVersion = mutableStateOf(0)
val displayImagePath: String get() = "${uiState.value.imagePath}?v=${_imageVersion.value}"

// 更换图片后调用此方法更新版本
fun onImageReplaced() {
    _imageVersion.value += 1
}

// Compose中使用
AsyncImage(
    model = ImageRequest.Builder(LocalContext.current)
        .data(viewModel.displayImagePath)
        .crossfade(true)
        .build(),
    contentDescription = "Selected image"
)

内容的提问来源于stack exchange，提问作者kora bertrand