SwiftUI：首次设置@State变量未更新致模态显示异常的问题

误解点：State更新的批量性与Sheet的快照机制 #

你遇到的问题核心在于SwiftUI状态更新的批量处理以及**sheet(isPresented:)的视图快照特性**：

• 按钮点击事件中先后修改selectedOption和isShowingModal时，SwiftUI会把这两次状态更新合并成一次批量操作。
• 但sheet(isPresented:)的内容视图是在isShowingModal变为true的瞬间，基于当时的状态快照创建的。第一次点击时，由于批量更新的时序问题，sheet初始化时selectedOption的更新还没完成，所以拿到的是初始的nil，导致显示默认文本。
• 后续点击正常是因为此时selectedOption已有之前的值，即便更新时序有延迟，sheet也能读取到非空值。

正确解决方案：使用sheet(item:)绑定可选状态 #

SwiftUI提供了更适配这种场景的sheet(item:)API，它直接绑定可选值，当可选值变为非空时自动展示sheet，还能确保内容视图拿到最新状态：

struct ExampleView: View {
    @State var selectedOption: String? = nil
    let options = ["Cat", "Dog", "Horse"]
    
    var body: some View {
        VStack(spacing: 50) {
            ForEach(options, id: \.self) { option in
                Button(option) {
                    selectedOption = option
                }
            }
        }
        .sheet(item: $selectedOption) { option in
            Text(option)
        }
    }
}

// 为String扩展Identifiable协议，适配sheet(item:)要求
extension String: Identifiable {
    public var id: String { self }
}

临时修复方案（不推荐） #

如果一定要用isPresented的方式，可以通过延迟设置isShowingModal确保selectedOption先完成更新，但这种方式依赖内部时序，可靠性差：

Button(option) {
    selectedOption = option
    DispatchQueue.main.async {
        isShowingModal = true
    }
}

关键总结 #

• 别在同一个事件里先后修改控制sheet展示的Bool状态和关联数据状态，优先用sheet(item:)绑定数据本身。
• SwiftUI的状态更新是批量异步的，不能靠代码书写顺序来假设状态会即时更新。

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