SwiftUI基于NavigationSplitView的可扩展导航实现及疑问

我正在设计一个基于NavigationSplitView、NavigationStack和NavigationPath的可扩展导航系统，相关实现代码如下：

路由定义 #

struct Route: Identifiable, Hashable {

    let id: String
    let hashValue: Int
    let title: String
    let content: () -> AnyView

    init<Content: View>(title: String, content: @escaping () -> Content) {
        self.title = title
        self.id = title
        self.hashValue = UUID().hashValue
        self.content = { AnyView(content()) }
    }

    func hash(into hasher: inout Hasher) {
        hasher.combine(hashValue)
    }

    static func == (lhs: Route, rhs: Route) -> Bool {
        lhs.hashValue == rhs.hashValue
    }
}

NavigationPath包装类 #

final class Navigation: ObservableObject {

    @Published var path = NavigationPath()

    func push(_ route: Route) {
        path.append(route)
    }

    func pop() {
        path.removeLast(1)
    }

    func root() {
        path.removeLast(path.count)
    }

    func root(_ route: Route) {
        path.removeLast(path.count)
        path.append(route)
    }
}

核心视图实现 #

struct ContentView: View {

    @ObservedObject var navigation: Navigation = .init()
    @ObservedObject var routes: Routes = .init()

    var body: some View {

        NavigationSplitView {
            sidebar
        } detail: {
            detail
        }
    }

    private var sidebar: some View {

        NavigationStack {

            List {

                ForEach(routes.items) { item in

                    Button {
                        navigation.root()
                    } label: {
                        Text("Home")
                    }

                    Button {
                        navigation.root(item)
                    } label: {
                        Text(item.title)
                    }
                }
            }
        }
    }

    private var detail: some View {

        NavigationStack(path: $navigation.path) {
            Group {
                Text("Root View")
            }
            .navigationDestination(for: Route.self, destination: { route in
                route.content()
            })
        }
    }
}

针对当前系统的技术疑问，解答如下：

1. iOS设备上弹出所有视图回到根视图是否为标准行为？ #

这不是SwiftUI导航栈的标准默认行为。在iOS紧凑布局（无侧边栏）下，直接清空NavigationPath会跳过系统默认的导航过渡逻辑，导致界面跳转突兀，体验怪异。建议针对iOS紧凑布局单独处理：要么保留根视图的导航层级，要么添加匹配系统风格的过渡动画，让跳转更自然。

2. 多次添加并弹出大量视图后内存占用升高，是否存在内存泄漏？ #

大概率存在内存泄漏风险。Route中的@escaping () -> AnyView闭包如果捕获了外部ObservableObject或其他强引用对象，视图弹出后，NavigationPath中遗留的Route实例可能无法被正确释放，导致闭包持有的对象无法被ARC回收。

建议用Xcode的Memory Graph Debugger排查具体泄漏点，同时优化Route的hashValue实现——当前用UUID().hashValue会导致同一类型路由被视为不同实例，增加不必要的内存占用和管理复杂度。

3. 有无更优的视图包装方式避免菜单创建时生成视图？ #

当前闭包+AnyView的方式可行，但AnyView会擦除视图类型信息，影响SwiftUI的更新优化。更优方案是用枚举关联值定义路由，将视图创建延迟到导航目的地解析时：

enum Route: Hashable {
    case home
    case settings
    case profile(id: String)
    
    var title: String {
        switch self {
        case .home: return "Home"
        case .settings: return "Settings"
        case .profile: return "Profile"
        }
    }
    
    @ViewBuilder
    func makeView() -> some View {
        switch self {
        case .home: HomeView()
        case .settings: SettingsView()
        case .profile(let id): ProfileView(userId: id)
        }
    }
}

这种方式无需AnyView，视图仅在navigationDestination中创建，完全避免菜单加载时预生成视图的问题，同时类型安全，更符合SwiftUI设计范式。动态路由列表可以通过枚举案例转数组实现。

4. 是否遗漏了SwiftUI内置能力实现更简便的可扩展导航？ #

是的，SwiftUI原生的NavigationStack+NavigationPath已经提供足够能力构建可扩展导航，无需额外封装Navigation类（除非有跨视图全局导航需求）。可以利用系统原生绑定简化逻辑：

• 侧边栏直接用NavigationLink绑定navigationPath，无需手动调用root()等方法
• 用枚举路由+@ViewBuilder替代闭包+AnyView，获得更好的类型安全和性能
• 全局导航需求可将NavigationPath放在@StateObject全局环境对象中

简化后的核心视图示例：

struct ContentView: View {
    @StateObject private var navigation = Navigation()
    @ObservedObject private var routes: Routes = .init()
    
    var body: some View {
        NavigationSplitView {
            List {
                NavigationLink(value: Route.home) {
                    Text("Home")
                }
                ForEach(routes.items) { item in
                    NavigationLink(value: item) {
                        Text(item.title)
                    }
                }
            }
            .navigationDestination(for: Route.self) { route in
                route.makeView()
            }
        } detail: {
            Text("Root View")
                .navigationDestination(for: Route.self) { route in
                    route.makeView()
                }
        }
        .environmentObject(navigation)
    }
}

这种方式依赖原生导航绑定，减少自定义代码复杂度，同时保持可扩展性。

内容的提问来源于stack exchange，提问作者Scott McKenzie