如何让AsyncImage随图片文件变化更新SwiftUI视图？

问题核心：AsyncImage会缓存URL对应的资源，即使本地文件内容已更新，只要URL未变，它就不会重新加载。你的FileMonitor虽然能检测到文件变化并更新fileUpdateCount，但AsyncImage没有触发重新加载的机制。

解决方案1：给AsyncImage添加动态ID #

通过将AsyncImage的id绑定到monitor.fileUpdateCount，每次文件更新计数变化时，SwiftUI会认为这是一个新的视图实例，从而重新加载图片：

import SwiftUI

struct StreamingImageView: View {
    var filePath = URL(fileURLWithPath: "/Users/\(NSUserName())/Library/Containers/GB.IndigoPolarAlignAid/Data/img_01.jpg")
    @ObservedObject var monitor: FileMonitor
    
    init(){
        print("StreamingImageView: \(filePath!)")
        monitor = FileMonitor(filePath: filePath!)
    }
    
    var body: some View {
        GeometryReader { geometry in
            AsyncImage(url: filePath)
                .id(monitor.fileUpdateCount) // 关键：用更新计数作为ID
                .opacity(Double(monitor.fileUpdateCount)/10.0)
            Text("count \(monitor.fileUpdateCount) \(filePath!)")
        }
    }
}

解决方案2：手动加载图片（更可控） #

如果需要更精细的控制，可以放弃AsyncImage，手动读取文件数据并创建Image，这样每次文件变化时直接重新读取：

import SwiftUI

struct StreamingImageView: View {
    var filePath = URL(fileURLWithPath: "/Users/\(NSUserName())/Library/Containers/GB.IndigoPolarAlignAid/Data/img_01.jpg")
    @ObservedObject var monitor: FileMonitor
    @State private var image: Image?
    
    init(){
        print("StreamingImageView: \(filePath!)")
        monitor = FileMonitor(filePath: filePath!)
    }
    
    var body: some View {
        GeometryReader { geometry in
            image?
                .resizable()
                .scaledToFit()
                .opacity(Double(monitor.fileUpdateCount)/10.0)
            Text("count \(monitor.fileUpdateCount) \(filePath!)")
        }
        .onReceive(monitor.$fileUpdateCount) { _ in
            loadImage()
        }
        .onAppear {
            loadImage()
        }
    }
    
    private func loadImage() {
        guard let data = try? Data(contentsOf: filePath),
              let uiImage = UIImage(data: data) else {
            image = nil
            return
        }
        image = Image(uiImage: uiImage)
    }
}

补充说明 #

• 原代码中URL(string:)创建本地文件URL可能存在格式问题，建议改用URL(fileURLWithPath:)来确保路径解析正确。
• 方案1简单快捷，适合大多数场景；方案2更灵活，能处理加载失败、自定义缓存策略等情况。

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