面试题：Swift中NavigationView与NavigationLink的基础使用

Question

请描述在SwiftUI中，如何使用NavigationView和NavigationLink构建一个简单的导航层级结构，例如从一个主视图导航到一个详情视图，并在导航栏中显示合适的标题。请写出关键代码片段。

Answer 1

1. 创建主视图和详情视图：
   • 首先定义主视图和详情视图的结构体。

struct ContentView: View {
    var body: some View {
        // 主视图内容
    }
}

struct DetailView: View {
    var body: some View {
        // 详情视图内容
    }
}

2. 使用NavigationView和NavigationLink构建导航层级：
   • 在主视图中，将NavigationView作为根视图。
   • 使用NavigationLink来导航到详情视图，并在NavigationLink中设置导航栏标题。

struct ContentView: View {
    var body: some View {
        NavigationView {
            VStack {
                NavigationLink(destination: DetailView()) {
                    Text("跳转到详情视图")
                }
               .navigationTitle("主视图")
            }
        }
    }
}

struct DetailView: View {
    var body: some View {
        VStack {
            Text("这是详情视图")
        }
       .navigationTitle("详情视图")
    }
}

在上述代码中：

• ContentView作为主视图，在NavigationView内，NavigationLink创建了一个导航链接，点击Text("跳转到详情视图")可导航到DetailView。
• NavigationLink通过.navigationTitle("主视图")设置主视图在导航栏中的标题。
• DetailView中通过.navigationTitle("详情视图")设置详情视图在导航栏中的标题。