SwiftUI入门 - 3. 提示弹窗与TextField自动聚焦

在SwiftUI中，弹窗是一种常用的交互方式。你可以使用Alert和Sheet来创建不同类型的弹窗。Alert通常用于显示警告或错误信息，而Sheet则用于显示更多详细内容。
一、Alert弹窗
下面是一个简单的Alert弹窗示例：

struct ContentView: View {
@State private var showAlert = false
var body: some View {
Button(action: { self.showAlert = true }) {
Text("显示弹窗")
}.alert(isPresented: $showAlert) {
Alert(title: Text("警告!"), message: Text("这是一个警告信息。"), primaryButton: .cancel(Text("取消")), secondaryButton: .default(Text("确定")) )
}
}
}

在上面的代码中，我们使用了.alert()方法来创建一个Alert弹窗。通过设置isPresented绑定到按钮的点击事件，我们可以控制弹窗的显示和隐藏。Alert弹窗可以包含标题、信息和按钮，通过修改Alert的构造参数，我们可以自定义弹窗的内容和样式。
二、Sheet弹窗
Sheet弹窗通常用于显示更复杂的内容，例如列表或表单。下面是一个简单的Sheet弹窗示例：

struct ContentView: View {
@State private var showSheet = false
var body: some View {
Button(action: { self.showSheet = true }) {
Text("显示Sheet")
}.sheet(isPresented: $showSheet) {
List {
Text("选项1")
Text("选项2")
Text("选项3")
}
}
}
}

在上面的代码中，我们使用了.sheet()方法来创建一个Sheet弹窗。与Alert弹窗类似，通过设置isPresented绑定到按钮的点击事件，我们可以控制弹窗的显示和隐藏。Sheet弹窗的内容可以是任何View，这里我们使用List来显示一些选项。
三、TextField自动聚焦
在SwiftUI中，如果你想让TextField在页面加载时自动聚焦，你可以使用@FocusState来监听焦点的变化。下面是一个简单的示例：

struct ContentView: View {
@FocusState private var focused: Bool
var body: some View {
TextField("请输入文本", focus: $focused)
.padding()
.background(Color.blue)
.foregroundColor(.white)
.cornerRadius(5)
}
}

在上面的代码中，我们使用了@FocusState来创建一个焦点状态变量focused。通过将TextField的focus绑定到这个变量上，我们可以控制TextField是否获得焦点。当页面加载时，TextField会自动获得焦点，因为我们默认将focused设置为true。
通过使用这些示例代码和简单的自定义，你可以轻松地在SwiftUI中创建各种类型的提示弹窗和实现TextField自动聚焦的功能。