13、为iOS应用添加搜索栏与引导页：SwiftUI实战指南

为iOS应用添加搜索栏与引导页：SwiftUI实战指南

1. 使用Searchable添加搜索栏

在大多数基于列表的应用中，屏幕顶部通常会有一个搜索栏。从iOS 15开始，SwiftUI框架为列表视图引入了 searchable 修饰符，可轻松创建搜索字段。

1.1 使用Searchable

要在导航栏中添加搜索栏，核心代码如下：

.searchable(text: $searchText)

示例代码：

struct SearchListView: View {
    @State private var searchText = ""
    var body: some View {
        NavigationStack {
            // 其他视图代码
        }
        .searchable(text: $searchText)
    }
}

状态变量 searchText 用于存储用户在搜索字段中输入的文本。几行代码就能让SwiftUI自动渲染搜索栏并将其置于导航栏标题下方。

1.2 为餐厅列表视图添加搜索栏

在FoodPin应用中添加搜索栏，操作步骤如下：
1. 打开 RestaurantListView.swift 文件，声明状态变量：