SwiftUI Sheet首次弹出后内容未更新问题及解决方案咨询

我太懂这个问题了！很多SwiftUI开发者在使用Sheet时都会碰到这个情况——明明父视图里的变量更新了，但Sheet里用@State修饰的变量就是不跟着变，简直头疼。

问题原因 #

先给你捋清楚为什么会这样：

• @State是用来管理视图内部私有状态的，当你用SheetViewNOK(i: self.i)初始化Sheet时，@State var i只会在初始化那一刻接收父视图的i值，之后就完全和父视图的i断开联系了。
• 父视图更新i时，Sheet已经被创建出来了，它内部的@State不会再响应外部的变化，自然视图就不会更新。

而SheetViewOK能用，是因为它的i是普通的存储属性，每次Sheet被展示时，都会从父视图拿到最新的i值——但这种方式没法让Sheet修改这个值同步回父视图，所以满足不了你的需求。

可行的解决方法 #

1. 用@Binding实现双向绑定（最推荐）

如果你的Sheet需要修改这个值，并且要同步回父视图，@Binding是最佳选择。它相当于在父视图的@State和Sheet之间搭了一座桥，两边的变化都会实时同步。

修改后的代码：

struct ContentView: View {
    @State var isPresented = false
    @State var i = 0
    var body: some View {
        List {
            Button("0") {
                self.i = 0
                self.isPresented = true
            }
            Button("1") {
                self.i = 1
                self.isPresented = true
            }
        }
        .sheet(
            isPresented: $isPresented,
            content: { SheetViewFixed(i: $i) } // 这里传绑定$i
        )
    }
}

struct SheetViewFixed: View {
    @Binding var i: Int // 用@Binding代替@State
    var body: some View {
        VStack {
            Text("Hello \(i)") // 现在每次打开都会显示最新的i
            Button("加1") {
                i += 1 // 修改后父视图的i也会跟着变
            }
        }
    }
}

2. 用ObservableObject管理复杂状态

如果你的Sheet需要处理多个变量，或者状态逻辑比较复杂，把状态放到一个ObservableObject类里会更清晰。父视图和Sheet都引用这个对象，任何一方修改都会触发视图更新。

示例代码：

class SheetState: ObservableObject {
    @Published var i = 0 // @Published标记需要监听的属性
}

struct ContentView: View {
    @State var isPresented = false
    @StateObject var sheetState = SheetState() // 用@StateObject创建对象
    var body: some View {
        List {
            Button("0") {
                sheetState.i = 0
                self.isPresented = true
            }
            Button("1") {
                sheetState.i = 1
                self.isPresented = true
            }
        }
        .sheet(
            isPresented: $isPresented,
            content: { SheetViewFixed(state: sheetState) }
        )
    }
}

struct SheetViewFixed: View {
    @ObservedObject var state: SheetState // 用@ObservedObject观察对象
    var body: some View {
        VStack {
            Text("Hello \(state.i)")
            Button("加1") {
                state.i += 1
            }
        }
    }
}

3. 强制重建Sheet（不推荐，仅作备选）

如果你不想用绑定或观察对象，也可以通过先关闭Sheet再重新打开的方式，强制创建新的Sheet实例来获取最新值。但这种方式体验不好，而且代码不够优雅，只适合简单场景：

Button("0") {
    self.isPresented = false
    DispatchQueue.main.async {
        self.i = 0
        self.isPresented = true
    }
}

总结 #

记住一个核心原则：不要用@State来接收外部传入的动态值，它只适合管理视图自己内部的状态。需要和父视图同步数据时，优先用@Binding（简单值）或ObservableObject（复杂状态），这样就能完美解决Sheet内容不更新的问题啦！

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