SwiftUI中如何在函数内修改状态？解决视图更新报错问题

错误原因 #

你遇到的错误是因为在视图渲染计算阶段（body函数执行过程中）修改了@State变量。原代码中offsetCalculator()会在MyView的body计算时被调用，而你在这个函数里直接修改@State private var angle，这会触发新的视图更新，形成循环，导致SwiftUI抛出未定义行为的警告。

解决方案 #

核心思路是把状态修改从视图计算逻辑中剥离，放到专门的回调时机执行，同时添加一个触发标记，确保即使offsetEnum没有变化（重复点击按钮停在同一位置），也能触发angle的更新。

步骤1：添加触发标记 #

在ContentView中增加一个计数器作为触发信号，每次点击按钮时递增它，不管offsetEnum是否改变：

struct ContentView: View {
    @State private var offsetEnum: OffsetEnum = .left
    @State private var updateTrigger = 0 // 触发MyView更新angle的标记
    var body: some View {
        VStack {
            MyView(offsetEnum: offsetEnum, updateTrigger: updateTrigger)
            Button("update") {
                // 切换偏移位置
                offsetEnum = offsetEnum == .left ? .right : .left
                // 每次点击都更新触发标记
                updateTrigger += 1
            }
        }
        .padding()
    }
}

步骤2：在MyView中监听触发信号并修改状态 #

修改MyView，移除offsetCalculator()中的状态修改逻辑，改用onChange监听触发标记的变化，在回调中安全地更新angle：

struct MyView: View {
    let offsetEnum: OffsetEnum
    let updateTrigger: Int
    @State private var angle: Angle = .zero
    
    var body: some View {
        Text("Hello, world!")
            .rotationEffect(angle)
            .offset(offsetCalculator())
            // 监听触发标记的变化，每次变化时更新angle
            .onChange(of: updateTrigger) { _ in
                switch offsetEnum {
                case .left:
                    angle -= Angle(degrees: 45.0)
                case .right:
                    angle += Angle(degrees: 45.0)
                }
            }
    }
    
    // 只负责计算偏移量，不修改任何状态
    func offsetCalculator() -> CGSize {
        switch offsetEnum {
        case .left:
            return CGSize(width: -200.0, height: .zero)
        case .right:
            return CGSize(width: 200.0, height: .zero)
        }
    }
}

enum OffsetEnum {
    case left, right
}

为什么这样有效 #

• onChange的回调会在视图完成当前更新周期后执行，避免了在body计算过程中修改状态的问题。
• updateTrigger每次点击都会递增，无论offsetEnum是否变化，都能触发angle的更新，满足你“同一位置点击也能更新角度”的需求。

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