SwiftUI如何基于分段选择器状态实现计算逻辑并持久化存储

你的代码存在两处核心用法错误，直接导致编译失败、逻辑不生效：

• @AppStorage作为SwiftUI提供的持久化属性包装器，仅支持声明存储属性，不支持在属性定义内部嵌套onChange逻辑，该写法不符合Swift语法规则
• 响应状态变化的业务逻辑不能写在@AppStorage属性内部、Picker的内容构建闭包中：Picker闭包仅负责生成选择器的选项视图，不会在选中项变化时执行你写入的计算逻辑
• 现有逻辑仅监听了分段选择器的变化，输入框内容改动时不会触发重算，会导致最终值和输入不同步

所有计算逻辑通过SwiftUI的.onChange视图修饰符挂载到视图层级上，同时监听输入框内容、分段选择器选中项两个依赖值，任意值变动时自动重算结果并赋值给@AppStorage包装的totalTime。@AppStorage会自动将值持久化到本地UserDefaults，应用内其他页面只要声明@AppStorage("totalTime") var totalTime: Double = 0即可直接读取使用该值，无需额外做持久化处理。

修正后的可运行代码：

struct ContentView: View {
    // 给持久化属性设置默认初始值，不在属性内部写业务逻辑
    @AppStorage("totalTime") var totalTime: Double = 0
    
    @State private var enteredValue = ""
    @State private var timeSelected = "hours"

    private let multipier = 2.0
    private let arrayLabel = ["hours", "minutes"]

    var body: some View {
        VStack {
            Form {
                Section(header: Text("Time Test")){
                    TextField("enter value", text: $enteredValue)
                    Picker("timeValue", selection: $timeSelected) {
                        ForEach(arrayLabel, id: \.self) {
                            Text($0)
                        }
                    }
                    .pickerStyle(.segmented)
                }
            }
        }
        // 监听输入框变化触发计算
        .onChange(of: enteredValue) { _ in
            calculateTotalTime()
        }
        // 监听分段选择器变化触发计算
        .onChange(of: timeSelected) { _ in
            calculateTotalTime()
        }
        // 页面首次加载时计算初始值
        .onAppear {
            calculateTotalTime()
        }
    }
    
    // 抽离计算逻辑，避免重复代码
    private func calculateTotalTime() {
        let inputNum = Double(enteredValue) ?? 0
        totalTime = timeSelected == "hours" ? inputNum * multipier : inputNum
    }
}

• 所有响应@State、@AppStorage等状态变化的业务逻辑（包括if判断、数值计算、赋值操作），都需要通过SwiftUI提供的专属修饰符（如onChange、onSubmit、task等）挂载到视图上，不能写在属性声明、视图内容构建闭包这类仅负责初始化/生成视图的位置
• 如果是iOS 17及以上系统，可以简化onChange写法，支持首次加载自动触发，不需要单独写onAppear：

// 监听输入值变化，首次加载时自动执行一次
.onChange(of: enteredValue, initial: true) {
    calculateTotalTime()
}
// 监听选择器变化
.onChange(of: timeSelected) {
    calculateTotalTime()
}

原问题报错截图：

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