简介
在 SwiftUI 中，@State 是一个属性包装器，它允许我们将属性标记为可更改的。使用 @State 时，属性的值被存储在特殊的内存区域中，并且当值发生变化时， SwiftUI 可以检测到该变化并相应地更新 UI。
要使用 @State，需要遵循以下步骤：
- 在属性声明前添加 @State 属性包装器
- 在视图中使用属性，例如在视图中创建一个按钮，并将其标题设置为属性的值
- 当用户与该按钮交互时，更新属性的值
举个例子
例一：
以下是一个简单的示例，展示如何在 SwiftUI 中使用 @State：
struct ContentView: View {
@State var count = 0
var body: some View {
VStack {
Text("Count: \(count)")
Button("Increment") {
count += 1
}
}
}
}
其中，我们创建了一个名为 ContentView 的视图，并在其中声明了一个名为 count 的 @State 属性。在视图的主体中，我们创建了一个垂直堆栈，其中包含一个文本视图和一个按钮。文本视图显示 count 的值，而按钮允许用户递增 count 的值。由于 count 是一个 @State 属性，每当用户按下按钮时， SwiftUI 都会检测到该值的更改，并自动更新 UI。
例二：
struct ContentView: View {
@State var fruits=["AAAAA","BBBBB","CCCCC","DDDDD","EEEEE","FFFFF"]
var body: some View {
VStack(){
List {
ForEach(fruits, id: \.self) { fruit in
Text(fruit)
}
.onDelete { fruits.remove(atOffsets: $0) }
.onMove { fruits.move(fromOffsets: $0, toOffset: $1) }
}
.navigationTitle("Fruits")
.toolbar {
EditButton()
}
}
}
}
image.png
当fruits数组被改变时，相关的View会自动被更新
注意点
在使用 @State 时，需要注意以下几点：
- @State 属性只能在单个视图中使用。如果您需要在多个视图之间共享数据，请考虑使用其他属性包装器，例如 @ObservedObject 或 @EnvironmentObject。
- 不要在属性内部更改 @State 值。相反，请在视图中使用按钮等控件来更改值。
- @State 值应该始终与视图的 UI 相关。不要将 @State 值用于非视图相关的逻辑。
总之，@State 是 SwiftUI 中一个非常有用的属性包装器，它使我们可以轻松地在视图中管理可更改的属性，并自动更新 UI。
