NavigationStack

NavigationStack 是 SwiftUI 中用于管理导航的容器，它允许你创建基于栈的导航界面。在 NavigationStack 中，你可以使用 NavigationLink 来实现视图之间的导航，同时支持更灵活的导航路径管理和更强的控制能力。

1. 基本结构

NavigationStack 包裹了视图，使得这些视图可以进行推送和返回的操作。它是 iOS 16 及以后版本中的推荐做法。

示例：

import SwiftUI

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

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

2. 使用 NavigationPath 管理导航堆栈

NavigationPath 提供了管理导航堆栈的能力。你可以使用它来创建、修改或控制当前的导航路径。

示例：基于路径的动态导航

import SwiftUI

struct ContentView: View {
    @State private var navigationPath = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $navigationPath) {
            VStack {
                Button("Navigate to Detail") {
                    navigationPath.append("Detail View")
                }
            }
            .navigationTitle("Home")
            .navigationDestination(for: String.self) { value in
                if value == "Detail View" {
                    DetailView()
                }
            }
        }
    }
}

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

解释：

• NavigationStack(path:)：创建一个带有导航路径的 NavigationStack。

• NavigationPath：管理导航堆栈的状态，允许你动态地向堆栈中添加元素（例如 navigationPath.append("Detail View")）。

• navigationDestination(for:)：根据传入的数据类型（这里是 String）确定目标视图，并在导航时进行呈现。

3. 返回和控制堆栈

NavigationStack 允许你灵活地控制导航栈，可以通过操作 NavigationPath 来控制返回的逻辑。例如，你可以从堆栈中删除元素，或通过其他条件控制视图的返回。

示例：控制返回路径

import SwiftUI

struct ContentView: View {
    @State private var navigationPath = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $navigationPath) {
            VStack {
                Button("Go to Detail") {
                    navigationPath.append("Detail")
                }
                Button("Go to Another Detail") {
                    navigationPath.append("Another Detail")
                }
                Button("Pop to Root") {
                    navigationPath.removeLast(navigationPath.count)
                }
            }
            .navigationTitle("Home")
            .navigationDestination(for: String.self) { value in
                if value == "Detail" {
                    DetailView()
                } else if value == "Another Detail" {
                    AnotherDetailView()
                }
            }
        }
    }
}

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

struct AnotherDetailView: View {
    var body: some View {
        Text("This is Another Detail View")
            .navigationTitle("Another Detail")
    }
}

解释：

• 使用 navigationPath.removeLast(navigationPath.count) 可以返回到根视图，相当于清空导航堆栈。

• navigationDestination(for:) 根据不同的路径动态显示不同的目标视图。

4. 高级用法：传递数据

你可以通过 NavigationLink 或 NavigationStack 的路径传递数据到目标视图，利用 navigationDestination(for:) 解析数据并更新目标视图。

示例：传递自定义数据

import SwiftUI

struct ContentView: View {
    @State private var navigationPath = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $navigationPath) {
            List {
                Button("Go to Detail") {
                    navigationPath.append(Item(name: "Detail Item", description: "This is a detail item."))
                }
            }
            .navigationTitle("Items")
            .navigationDestination(for: Item.self) { item in
                DetailView(item: item)
            }
        }
    }
}

struct Item: Identifiable {
    var id = UUID()
    var name: String
    var description: String
}

struct DetailView: View {
    var item: Item
    
    var body: some View {
        VStack {
            Text(item.name)
            Text(item.description)
        }
        .navigationTitle(item.name)
    }
}

解释：

• Item：自定义数据模型。

• navigationDestination(for:)：通过路径解析并传递数据到目标视图（DetailView）。

5. 总结

NavigationStack 提供了比 NavigationView 更强大的控制，尤其是在处理复杂导航和路径管理时。通过 NavigationPath，你可以轻松地管理多个视图之间的推送和弹出行为，并动态控制视图的堆栈。这个结构非常适合需要灵活导航的应用，尤其是当你需要手动控制导航流程或传递数据时。

---

如果你有更多问题或需要进一步的例子，随时告诉我！