SwiftUI中Computed Binding首次修改时视图内部状态未更新的原因

现象原因 #

这个问题的核心是SwiftUI的视图更新触发机制：只有当视图body中直接引用的可观察状态（比如@State、@Binding）发生变化时，视图才会触发重绘。

第一次点击「Set」按钮时，计算Binding的set块里确实修改了buffer，但此时BufferTest的body中没有任何代码直接依赖buffer（你把Text("Buffer: \(buffer)")注释掉了），所以SwiftUI认为BufferTest视图不需要重绘。这时候虽然presentModificationSheet被设为true弹出了Sheet，但Sheet初始化时捕获的buffer值是视图重绘前的旧值（空字符串）。

后续点击时，因为之前的Sheet弹出/关闭已经触发过BufferTest的视图重绘，此时buffer的新值会被正确捕获，所以Sheet能显示更新后的内容。

是否为预期行为 #

是预期行为。SwiftUI的差分更新机制就是为了优化性能，只更新真正需要变化的视图部分。如果一个@State变量没有被视图body引用，它的变化不会触发视图重绘，这是设计上的既定规则。

此类修改方式是否推荐 #

不推荐。计算Binding的set块应该只负责值的传递，不应该在里面修改视图内部状态（比如buffer）或触发副作用（比如弹出Sheet）。这种写法会让状态流转逻辑变得隐蔽，难以追踪和调试，不符合SwiftUI的状态管理最佳实践。

可行的解决方法 #

你提到的onChange修饰符是非常合理的方案，它能明确分离状态变化的监听和副作用触发，代码逻辑更清晰：

.onChange(of: buffer) { new in
    if new != text {
        presentModificationSheet = true
    }
}

同时需要调整计算Binding的set块，只负责更新buffer：

var bufferedBinding: Binding<String> {
    Binding {
        text
    } set: {
        buffer = $0
    }
}

完整演示代码（修复后） #

import SwiftUI

struct BufferTest: View {
    @Binding var text: String
    @State private var buffer: String = ""

    @State private var presentModificationSheet: Bool = false

    var bufferedBinding: Binding<String> {
        Binding {
            text
        } set: {
            buffer = $0
        }
    }

    var body: some View {
        Text("Binding: \(text)")
        // 不需要再依赖buffer来触发重绘，onChange会处理逻辑
        // Text("Buffer: \(buffer)")

        InternalModder(binding: bufferedBinding)
            .sheet(isPresented: $presentModificationSheet) {
                TerminalSheet(text: $text, buffer: buffer)
            }
            .onChange(of: buffer) { new in
                if new != text {
                    presentModificationSheet = true
                }
            }
    }

    struct InternalModder: View {
        @Binding var binding: String

        var body: some View {
            Button("Set") { binding = "New Value" + (1...10).randomElement()!.formatted() }
        }
    }
    
    struct TerminalSheet: View {
        @Binding var text: String
        var buffer: String
        
        var body: some View {
            Text("Binding: \(text)")
            Text("Buffer: \(buffer)")
            Button("Update") { text = buffer }
        }
    }
}

@available(iOS 17.0, *)
#Preview {
    @Previewable @State var text = ""

    BufferTest(text: $text)
}

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