SwiftUI中点击按钮给@State变量赋值不生效问题

实现按钮点击交互时，对@State修饰的alertText变量赋值未生效，变量值始终无法成功更新，点击按钮弹出的Sheet中永远显示初始值。
对应实现代码：

struct ContentView: View {
    @State private var showSheet = false
    @State private var alertText : String = "Initial Value"

    var body: some View {
        NavigationView{
            Button("Show Sheet", action: {
                alertText = "Modified Value"
                showSheet = true
            })
            .sheet(isPresented: $showSheet, content: {
                Text(alertText)
            })
            .navigationTitle("Test View")
        }
    }
}

问题效果演示：

这是SwiftUI旧版本中.sheet修饰符的经典状态捕获问题：

• .sheet(isPresented:content:)的内容闭包会在修饰符首次挂载到视图时，提前捕获闭包内引用的状态快照，不会自动跟随父视图@State的变更实时同步
• 按钮点击逻辑中alertText = "Modified Value"和showSheet = true是同步执行的，SwiftUI的视图更新机制会把同执行周期内的多个状态修改合并为一次刷新，此时弹出的Sheet拿到的还是状态变更前的alertText初始值，因此永远显示"Initial Value"。

以下两种写法均经过验证，兼容性覆盖iOS 13及以上系统：

方案1：拆分Sheet子视图，通过Binding传值（最常用） #

把Sheet内的内容抽离为独立子视图，通过@Binding接收alertText状态，状态变更会自动同步到弹出的Sheet中，代码如下：

struct ContentView: View {
    @State private var showSheet = false
    @State private var alertText : String = "Initial Value"

    var body: some View {
        NavigationView{
            Button("Show Sheet", action: {
                alertText = "Modified Value"
                showSheet = true
            })
            .sheet(isPresented: $showSheet, content: {
                SheetContentView(text: $alertText)
            })
            .navigationTitle("Test View")
        }
    }
}

// 抽离的Sheet内容视图
struct SheetContentView: View {
    @Binding var text: String
    var body: some View {
        Text(text)
    }
}

方案2：使用sheet(item:)重载（适合多弹窗场景） #

将弹窗需要传递的参数封装为遵守Identifiable协议的可选数据模型，通过item绑定触发弹窗，SwiftUI会在弹窗触发时自动获取最新的参数值，代码示例：

// 定义弹窗携带的数据模型
struct SheetData: Identifiable {
    let id = UUID()
    let text: String
}

struct ContentView: View {
    @State private var alertText : String = "Initial Value"
    @State private var sheetData: SheetData?

    var body: some View {
        NavigationView{
            Button("Show Sheet", action: {
                alertText = "Modified Value"
                // 给sheetData赋值即可自动触发弹窗
                sheetData = SheetData(text: alertText)
            })
            .sheet(item: $sheetData, content: { data in
                Text(data.text)
            })
            .navigationTitle("Test View")
        }
    }
}

iOS 16及以上系统新增的弹窗API（如navigationDestination、新版sheet修饰符）已经修复了旧版的状态捕获问题，但如果需要适配iOS 15及更早的系统版本，优先使用上述两种方案更稳妥。

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