动态NavigationLink SwiftUI Xcode

基础概念

NavigationLink 是 SwiftUI 框架中的一个视图，用于在应用程序中实现导航功能。它允许用户从一个视图导航到另一个视图，并且可以传递数据。NavigationLink 通常与 NavigationView 配合使用，后者提供了一个容器，用于管理导航堆栈。

类型

NavigationLink 本身没有多种类型，但它可以嵌套使用，以实现复杂的导航结构。

应用场景

NavigationLink 广泛应用于 iOS 应用程序中，特别是在需要实现以下场景时：

应用程序的主菜单和子菜单导航。
表单填写过程中的步骤导航。
数据列表中的详细信息查看。

常见问题及解决方法

问题1：NavigationLink 不显示或无法点击

原因：

NavigationLink 可能没有正确嵌套在 NavigationView 中。
NavigationLink 的 destination 视图可能没有正确设置。

解决方法：确保 NavigationLink 嵌套在 NavigationView 中，并且 destination 属性正确设置了目标视图。

import SwiftUI

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

struct DetailView: View {
    var body: some View {
        Text("Detail View")
            .navigationTitle("Detail")
    }
}

问题2：NavigationLink 传递数据

原因：

需要在 NavigationLink 中传递数据到目标视图。

解决方法：可以使用 NavigationLink 的 tag 和 selection 属性来传递数据。

import SwiftUI

struct ContentView: View {
    @State private var selectedID: Int?

    var body: some View {
        NavigationView {
            List(0..<10) { id in
                NavigationLink(
                    destination: DetailView(selectedID: selectedID),
                    tag: id,
                    selection: $selectedID
                ) {
                    Text("Item \(id)")
                }
            }
            .navigationTitle("Home")
        }
    }
}

struct DetailView: View {
    let selectedID: Int?

    var body: some View {
        Text("Selected ID: \(selectedID ?? -1)")
            .navigationTitle("Detail")
    }
}