3、SwiftUI 开发入门与实战

SwiftUI 开发入门与实战

1. 使用 SwiftUI 的状态管理同步 UI 和模型

为了让大家更深入了解 SwiftUI，我们将利用 SwiftUI 的状态管理功能，实现当用户输入姓名时自动更新问候语。具体步骤如下：
1. 更新现有 UI
- 从源代码中移除按钮，因为我们要在用户输入文本时自动更新 UI。
- 打开库（可点击“+”按钮或按 Command + Shift + L）。
- 在库的搜索字段中输入“Text”，找到文本字段视图。
- 将文本字段视图拖到预览画布中“Hello, Peter!”标签的正上方。
此时，ContentView 源代码应如下所示：

struct ContentView: View {
    var body: some View {
        VStack {
            Image(systemName: "globe")
              .imageScale(.large)
              .foregroundColor(.accentColor)
            TextField("Placeholder", text: Value)
            Text("Hello, Peter!")
        }
      .padding()
    }
}

2. 替换占位符并设置状态管理
   • 将“P