SwiftUI中如何通过.onChange调用异步函数？

当然可以用.onChange调用异步函数，只是你的调用方式和函数实现有问题，下面是具体的修正方案：

问题根源 #

• .onChange的perform闭包本身不支持并发上下文，直接调用async函数会触发'async' call in a function that does not support concurrency错误。
• 改成同步函数后移除Task {@MainActor in}，会导致UI更新或耗时操作（比如生成jpegData）不在主线程执行，触发紫色的主线程检查警告。

正确实现方式 #

方案1：调整调用方式+优化异步函数 #

首先修改.onChange的调用代码，在闭包里用Task包裹异步函数调用：

.onChange(of: addPersonViewModel.inputImage) { _ in
    Task {
        await addPersonViewModel.loadImage()
    }
}

然后优化loadImage函数，把UI相关操作绑定到MainActor，同时把耗时的图片数据生成放到后台执行，避免阻塞主线程：

@MainActor
func loadImage() async {
    guard let inputImage = inputImage else {
        loadingState = .failed
        return
    }
    // 将jpegData生成操作放到后台线程
    if let data = await Task.detached {
        inputImage.jpegData(compressionQuality: 0.8)
    }.value {
        jpegData = data
    }
    // 主线程更新UI
    image = Image(uiImage: inputImage)
    loadingState = .loaded
}

方案2：简化函数实现（适合简单场景） #

如果图片处理逻辑不复杂，也可以直接在.onChange的闭包里用Task @MainActor处理所有逻辑，省去单独的loadImage函数：

.onChange(of: addPersonViewModel.inputImage) { newImage in
    Task { @MainActor in
        guard let inputImage = newImage else {
            addPersonViewModel.loadingState = .failed
            return
        }
        addPersonViewModel.jpegData = inputImage.jpegData(compressionQuality: 0.8)
        addPersonViewModel.image = Image(uiImage: inputImage)
        addPersonViewModel.loadingState = .loaded
    }
}

关键说明 #

• 所有更新SwiftUI视图状态（比如loadingState、image）的操作必须在MainActor上执行，否则会触发主线程警告。
• 耗时操作（比如图片压缩、数据转换）要放到后台线程，避免卡顿UI。

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