SwiftUI 4中能否在视图层级不同层级多次调用.navigationDestination()

核心结论 #

在SwiftUI 4的NavigationStack体系下，在视图层级的不同位置调用navigationDestination()是官方设计层面支持的标准用法，你测试到的正常运行效果不是偶然现象，完全可以在生产代码中使用这种写法来按模块拆分导航逻辑。

设计逻辑说明 #

navigationDestination(for:destination:)本质是和视图生命周期绑定的导航规则注册器，遵循SwiftUI视图修饰符通用的作用域规则：

• 被修饰的视图加载到当前NavigationStack视图树时，它声明的对应数据类型的导航跳转规则会自动注册到导航栈的匹配表中
• 被修饰的视图从视图树移除时，对应的导航规则也会自动注销
• 规则匹配时优先匹配距离导航触发点最近的、已注册的同类型目标规则，不会出现跨层级冲突

这个设计本来就是为了支持导航逻辑模块化拆分：你不需要把所有页面的跳转规则全堆在NavigationStack根容器上，完全可以像示例里写的那样，在分类页面注册分类下商品的跳转规则，只有用户进入分类页面时，这部分导航逻辑才会生效，代码结构更清晰，后续维护也更方便。

示例里用泛型ID<Value>区分不同导航目标类型的写法也是推荐实践，可以避免不同业务实体用相同基础类型作为导航值时出现的匹配混淆问题。

参考测试代码 #

struct ID<Value>: Hashable, Equatable {
    let uuid: UUID
    
    init() {
        uuid = UUID()
    }
}

typealias CategoryID = ID<Category>
typealias ItemID = ID<Item>

struct Catalog {
    var categories: [Category]
    
    func getCategory(_ categoryID: CategoryID) -> Category? {
        return categories.first { $0.id == categoryID }
    }
    
    func getItem(_ categoryID: CategoryID, _ itemID: ItemID) -> Item? {
        guard let category = getCategory(categoryID) else { return nil }
        return category.items.first { $0.id == itemID }
    }
}

struct Category: Identifiable {
    var id: CategoryID = .init()
    var name: String
    var items: [Item]
}

struct Item: Identifiable {
    var id: ItemID = .init()
    var name: String
}

func createTestData() -> Catalog {
    let categories = [
        Category(name: "Category A", items: [Item(name: "Item a1"), Item(name: "Item a2")]),
        Category(name: "Category B", items: [Item(name: "Item b1"), Item(name: "Item b2")])
    ]
    return Catalog(categories: categories)
}

struct ContentView: View {
    @State var catalog: Catalog = createTestData()
    
    var body: some View {
        NavigationStack {
            List {
                ForEach(catalog.categories) { category in
                    NavigationLink(category.name, value: category.id)
                }
            }
            // 根视图注册分类页导航规则
            .navigationDestination(for: CategoryID.self) { categoryID in
                CategoryView(categoryID: categoryID, catalog: $catalog)
            }
        }
    }
}

struct CategoryView: View {
    let categoryID: CategoryID
    @Binding var catalog: Catalog
    
    var body: some View {
        if let category = catalog.getCategory(categoryID) {
            List {
                ForEach(category.items) { item in
                    NavigationLink(item.name, value: item.id)
                }
            }
            // 分类页注册商品详情页导航规则，属于官方支持的写法
            .navigationDestination(for: ItemID.self) { itemID in
                ItemView(categoryID: categoryID, itemID: itemID, catalog: $catalog)
            }
        }
    }
}

struct ItemView: View {
    let categoryID: CategoryID
    let itemID: ItemID
    @Binding var catalog: Catalog

    var body: some View {
        if let item = catalog.getItem(categoryID, itemID) {
            Text(item.name)
        }
    }
}

使用注意事项 #

• 如果业务需要支持深链跳转（不经过中间页直接跳转到深层页面），要保证跳转触发时对应层级的navigationDestination已经完成注册，否则会匹配失败；没有这类需求的话，分层注册的写法完全可以正常使用。
• 不要在navigationDestination的destination闭包内部重复注册同类型的导航规则，避免循环注册导致的跳转异常。

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