SwiftUI中修改@State变量后，.task无法重新加载如何解决？

默认的.task修饰符只会在视图首次加载完成后执行一次，即便后续@State变量变化触发视图重绘，也不会重新运行异步任务。要让它在chapter或shloka更新时重新调用API，只需给.task添加一个动态ID参数：

Text(shlokadd)
    .task(id: "\(chapter)-\(shloka)") { // 用chapter和shloka的组合作为唯一标识
        shlokadd = await callApi(chapter: chapter, shloka: shloka)[0]
    }

原理说明 #

当chapter或shloka任意一个值改变时，id参数的字符串会同步变化。SwiftUI检测到ID更新后，会自动取消之前的异步任务，并立即启动新的.task闭包，从而触发API调用更新文本内容。

额外优化建议 #

你当前代码里大量使用String转Int的强制解包，容易引发崩溃，建议直接把chapter和shloka定义为Int类型的@State变量：

@State private var chapter = 1
@State private var shloka = 1
@State private var shlokadd = ""

// 按钮逻辑简化
Button("Previous") {
    guard !(chapter == 1 && shloka == 1) else { return }
    
    if shloka == 1 {
        chapter -= 1
        shloka = shlokas[chapter - 1] // 假设shlokas存储各章节的最大颂数
    } else {
        shloka -= 1
    }
}

// 对应的.task可以更简洁
.task(id: "\(chapter)-\(shloka)") {
    shlokadd = await callApi(chapter: "\(chapter)", shloka: "\(shloka)")[0]
}

这样既避免了强制解包的风险，代码可读性也更强。

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