在 SwiftUI 中，@State 是一个属性包装器，它用于在视图中声明一个状态变量，并使这个变量能够在视图的生命周期内发生变化。@State 是数据绑定的核心之一，它可以帮助我们在视图的状态发生变化时，自动更新视图。

主要概念

1.    声明状态变量：

使用 @State 声明的变量会被视图监控，视图的任何变化都会触发视图的重新渲染。

2.    视图更新：

当 @State 变量的值发生变化时，SwiftUI 会自动重新渲染视图。这样，我们可以根据状态的变化更新 UI，而无需手动管理视图的重绘。

3.    限制作用域：

@State 变量仅在声明它的视图内部有效，因此它通常是一个局部状态，和其他视图或组件的状态是隔离的。它通常用于存储视图的内部状态（如按钮是否被点击、文本框输入的内容等）。

4.    值的存储：

@State 使用 SwiftUI 的内存管理机制，在视图的生命周期内保持变量的值，即使视图重新渲染，也不会丢失之前的状态。

基本用法示例

import SwiftUI

struct ContentView: View {
    // 声明一个@State变量，用来存储按钮的点击状态
    @State private var isButtonPressed = false

    var body: some View {
        VStack {
            Button(action: {
                // 当按钮被点击时改变状态变量的值
                isButtonPressed.toggle()
            }) {
                Text(isButtonPressed ? "按钮已点击" : "点击按钮")
                    .padding()
                    .background(isButtonPressed ? Color.green : Color.blue)
                    .foregroundColor(.white)
                    .cornerRadius(10)
            }
        }
        .padding()
    }
}

解释：

1.    @State private var isButtonPressed = false：这里，我们声明了一个 @State 变量 isButtonPressed，初始值为 false。这个变量用于跟踪按钮是否被点击。当 isButtonPressed 的值发生变化时，SwiftUI 会自动更新视图。
2.    在按钮的 action 闭包中，通过 isButtonPressed.toggle() 修改该变量的值，这会触发视图重新渲染，并且更新按钮的文本和背景颜色。
3.    Button(action: {...}) { ... } 中的 Text(isButtonPressed ? "按钮已点击" : "点击按钮") 根据 isButtonPressed 的值来更新按钮的文本内容。而 background(isButtonPressed ? Color.green : Color.blue) 则根据该值来切换按钮的背景颜色。

为什么使用 @State？

•    简化代码：你不需要手动管理视图的更新，@State 会自动处理状态变化后的视图刷新。
•    视图与数据绑定：它使视图与数据绑定变得非常简单。状态改变时视图会自动更新。
•    局部状态管理：对于仅在当前视图内需要的状态，@State 提供了简单的方式来管理这些数据。

注意事项：

•    @State 只能用于视图结构体内部，不能在视图外部或模型中使用。
•    @State 的变量通常是 private 的，因为它们只在当前视图中使用。
•    不要将 @State 用来存储长时间存在的全局状态，复杂的状态管理应该考虑使用其他机制（如 @ObservedObject，@EnvironmentObject 等）。

总结：

@State 是 SwiftUI 中非常重要的概念，它允许我们在视图内管理局部状态，并在状态变化时自动更新视图。它的核心作用是帮助视图与数据保持同步，使得 UI 更新更加简便和直观。