SwiftUI中@State与@Binding的区别及使用疑问咨询

嘿，我完全理解你刚接触SwiftUI时对这些属性包装器的困惑——我当初也花了好一阵才摸透它们到底在干嘛！你的误解其实很常见，咱们一步步拆解清楚：

先搞懂@State的本质 #

@State 是SwiftUI给视图私有内部状态准备的工具。它的核心特点是：

• 持有数据的所有权，数据是这个视图独有的
• 当数据变化时，会自动触发当前视图的重新渲染
• 作用域仅限于定义它的视图内部，外部视图没法直接访问或修改它

举个简单例子，一个独立的开关视图：

struct ToggleView: View {
    // 这个状态只属于ToggleView自己
    @State private var isOn = false
    
    var body: some View {
        Toggle("开关", isOn: $isOn)
    }
}

这里的isOn是ToggleView自己管控的状态，和其他视图无关，用@State完全合适。

为什么@Binding必不可少？ #

@Binding 根本不是“不会更新视图的@State”——它的核心是引用外部已有的状态，自己并不持有数据所有权。它的作用是让子视图能够：

• 读取外部状态的值
• 修改外部状态的值（修改后会同步回原数据源，触发相关视图的更新）

最常见的场景是父视图和子视图共享状态。比如父视图有一个状态，需要让子视图能修改它：

// 父视图：持有状态的所有权
struct ParentView: View {
    @State private var parentIsOn = false
    
    var body: some View {
        VStack {
            Text("父视图开关状态：\(parentIsOn ? "开" : "关")")
            // 通过Binding把父视图的状态传给子视图
            ChildView(isOn: $parentIsOn)
        }
    }
}

// 子视图：只引用父视图的状态，不持有所有权
struct ChildView: View {
    @Binding var isOn: Bool
    
    var body: some View {
        Toggle("子视图开关", isOn: $isOn)
    }
}

这个例子里，当你切换子视图的开关，父视图的parentIsOn会同步变化，父视图的文本也会跟着更新。如果子视图不用@Binding，而是自己定义@State private var isOn = false，那子视图的开关和父视图就完全脱节了——这显然不是我们想要的“共享状态”效果。

核心区别总结 #

• @State：持有私有状态，是数据的“所有者”，用于视图内部的独立状态管理
• @Binding：引用外部状态，是数据的“使用者”，用于在视图间传递状态的读写权限

简单说，@State是“创造”状态，@Binding是“借用”状态。如果所有地方都用@State，你会发现状态分散在各个视图里，很难同步和维护；而@Binding帮你实现了单一数据源的原则——让状态只在一个地方被持有，其他需要用到的视图通过引用来读写，这样代码更清晰，也不容易出bug。

内容的提问来源于stack exchange，提问作者Archie G. Quiñones