8、SwiftUI 中的导航与环境对象使用指南

SwiftUI 中的导航与环境对象使用指南

1. SwiftUI 导航基础

在 iOS 应用中，导航是非常重要的交互方式。默认情况下，iOS 会在屏幕顶部提供一个导航栏，在导航栏中，我们可以添加栏按钮项（如返回按钮）、标题文本或标题视图。当从一个视图前进到另一个视图时，导航会在其堆栈中跟踪这个操作，这通常称为“push”；而从堆栈中返回则称为“pop”。

我们可以在应用中集成导航功能，实现从主 ContentView 中选择一个食谱并直接跳转到新的 RecipeDetailView 。具体操作步骤如下：
1. 添加 NavigationView 到 ContentView ：
打开 ContentView.swift 文件，找到相应代码并添加以下高亮部分：

var body: some View {
    NavigationView {
        VStack {
            //Existing Logic...
        }
        .navigationBarTitle(Text("My Favourite Recipes"))
    }
}

这里我们将 `VStack` 包裹在 `NavigationView` 中，并使用 `navigationBarTitle` 修饰符为 `NavigationView` 添加标题。恢