iOS16中NavigationLink旧方法弃用后的适配失效问题

你的代码失效的核心原因是：iOS16+的NavigationLink(value:)需要配合navigationDestination修饰符使用，且value参数需要是一个明确的路由标识（而非直接传布尔值），你原来的改写没有建立值与目标视图的关联，所以NavigationStack无法触发跳转。

下面提供两种适配iOS16+的解决方案，对应不同的使用场景：

方案一：快速迁移（贴近原代码逻辑） #

如果你想保留原有的布尔值绑定逻辑，可以直接使用iOS16+支持的NavigationLink(isActive:)重载方法，同时隐藏触发按钮（和原代码的空标签效果一致）：

@State private var shouldNavigateToChatLogView = false

var body: some View {
    NavigationStack {
        VStack{
            customNavBar
            messagesView
            
            // 使用isActive绑定布尔值，隐藏触发标签
            NavigationLink(isActive: $shouldNavigateToChatLogView) {
                Text("Chat Log View")
            } label: {
                EmptyView()
            }
            
        }
        .overlay(newMessageButton, alignment: .bottom)
    }
    .navigationBarHidden(true)
}

方案二：官方推荐的路由模式 #

如果你想遵循iOS16+的NavigationStack最佳实践，使用value + navigationDestination的路由管理方式，步骤如下：

1. 定义路由标识类型 #

首先创建一个枚举（或其他可Hashable的类型）来标记不同的跳转目标：

enum AppRoute: Hashable {
    case chatLog
}

2. 重构视图代码 #

可以通过两种方式实现跳转控制：

方式A：直接用布尔值绑定navigationDestination

不需要额外的NavigationLink，直接通过控制布尔值触发跳转：

@State private var shouldNavigateToChatLogView = false

var body: some View {
    NavigationStack {
        VStack{
            customNavBar
            messagesView
            
        }
        .overlay(newMessageButton, alignment: .bottom)
        // 绑定布尔值，指定跳转目标
        .navigationDestination(isPresented: $shouldNavigateToChatLogView) {
            Text("Chat Log View")
        }
    }
    .navigationBarHidden(true)
}

方式B：用NavigationPath管理路由栈

适合复杂的多页面跳转场景，通过管理路由栈数组来控制导航：

@State private var navigationPath = NavigationPath()

var body: some View {
    NavigationStack(path: $navigationPath) {
        VStack{
            customNavBar
            messagesView
            
            // 若需要隐藏触发按钮，可保留空标签的NavigationLink
            NavigationLink(value: AppRoute.chatLog) {
                EmptyView()
            }
            // 监听布尔值变化，同步更新路由栈
            .onChange(of: shouldNavigateToChatLogView) { newValue in
                if newValue {
                    navigationPath.append(AppRoute.chatLog)
                } else {
                    navigationPath.removeLast()
                }
            }
            
        }
        .overlay(newMessageButton, alignment: .bottom)
        // 关联路由标识与目标视图
        .navigationDestination(for: AppRoute.self) { route in
            switch route {
            case .chatLog:
                Text("Chat Log View")
            }
        }
    }
    .navigationBarHidden(true)
}

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