SwiftUI - NavigationLink返回到上一个视图

基础概念

NavigationLink 是 SwiftUI 中用于导航到新视图的组件。它允许用户通过点击链接从一个视图导航到另一个视图，并且可以轻松地返回到上一个视图。

类型

NavigationLink 主要有两种类型：

显式导航链接：直接在视图中显示一个按钮或链接。
隐式导航链接：通过点击某个视图区域来触发导航。

应用场景

应用内导航：在单页应用（SPA）中，从一个屏幕导航到另一个屏幕。
详情视图：点击列表项进入详情页面。
表单提交：提交表单后导航到成功或失败页面。

示例代码

以下是一个简单的示例，展示了如何使用 NavigationLink 在 SwiftUI 中进行导航并返回上一个视图：

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationView {
            List {
                NavigationLink(destination: DetailView()) {
                    Text("Go to Detail View")
                }
            }
            .navigationTitle("Home")
        }
    }
}

struct DetailView: View {
    var body: some View {
        VStack {
            Text("This is the Detail View")
                .font(.largeTitle)
            Button(action: {
                // 返回上一个视图
                UIApplication.shared.windows.first?.rootViewController?.navigationController?.popViewController(animated: true)
            }) {
                Text("Go Back")
            }
        }
        .navigationTitle("Detail")
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

遇到问题及解决方法

问题：点击返回按钮没有反应

原因：可能是由于 NavigationLink 的目标视图没有正确设置，或者返回按钮的逻辑有误。

解决方法：

确保 NavigationLink 的 destination 参数正确指向目标视图。
检查返回按钮的 action 逻辑，确保它正确调用了 popViewController(animated:) 方法。

Button(action: {
    // 确保在 NavigationView 中使用
    if let navigationController = UIApplication.shared.windows.first?.rootViewController as? UINavigationController {
        navigationController.popViewController(animated: true)
    }
}) {
    Text("Go Back")
}

通过以上步骤，可以确保 NavigationLink 正常工作，并且用户可以顺利返回到上一个视图。