9、使用状态和数据绑定创建表单

使用状态和数据绑定创建表单

1. 创建食谱表单视图

在开发应用时，创建表单有多种方式，比如使用 VStack 和视图列表，或者创建自定义视图并遍历选项列表。这里我们使用表单和分区的方式，这种方式能让布局更简单。
操作步骤如下：
1. 在 Xcode 项目中创建一个新的 SwiftUI 视图文件。具体操作是在文件树中选中组名，右键选择“New File”，从用户界面选项中选择“SwiftUI View”，点击“Next”，将新文件命名为 AddRecipeView.swift ，然后点击“Create”。
2. 在主视图中添加文本字段，用于输入食谱名称和食材。使用 SwiftUI 的 Form 视图是最简单的方法，示例代码如下：

Form {
    Section(header: Text("Add Recipe Name:")) {
        TextField("enter recipe name", text: $recipeName)
    }
    Section(header: Text("Add Ingredient:")) {
        TextField("enter ingredient name", text: $ingredient)
    }
}

在应用的主体中添加 Form 包装器，再添加两个 Section 包装器，每个 Section 都有一个 <