7、SwiftUI开发：控件、视图与导航实战

SwiftUI开发：控件、视图与导航实战

1. 解决编译错误与添加国旗

在开发过程中，如果尝试构建项目，可能会遇到编译错误。这往往是因为测试数据中缺少 countyCode 参数。我们需要将每个模拟项的构造函数修改如下：

RecipeModel(name: "Italian Pizza Chicken", origin: "Italian", countryCode: "IT")
RecipeModel(name: "Greek Pasta Bake", origin: "Greek", countryCode: "GR")
RecipeModel(name: "Hearty Parsnip Soup", origin: "British", countryCode: "GB")
RecipeModel(name: "Honey & Soy Salmon", origin: "Chinese", countryCode: "CN")

若自动预览窗口未更新，可按下“Resume”按钮。这样，只需在 RecipeView 中添加一行代码，就能添加对应的国家国旗，简单又高效。

2. 分段选择器控件

分段控件（现在也称为具有 SegmentedPickerStyle 样式的选择器）在 iOS 开发中由来已久，常被误称为标签选择器。其目的是让我们在单个屏幕内从一个视图切换到另一个视图。为了在应用中实现这一功能，我们需要创建一个分段选择器，以便在两个列表之间切换：一个显示所有