SwiftUI中NavigationLink失效及iOS16适配问题求助

问题1：NavigationLink点击变灰但不跳转，返回后才生效 #

这大概率是因为你的NavigationLink未正确包裹在导航容器内，或存在点击拦截情况：

1. 检查导航容器：
   iOS 16+必须用NavigationStack包裹当前视图，iOS 15及以下用NavigationView。缺少这层容器时，NavigationLink无法触发跳转逻辑，仅会呈现高亮（变灰）状态。
   修正后的代码示例（iOS 16+）：

   NavigationStack {
       NavigationLink(destination: UsernameView().navigationBarBackButtonHidden(true)) {
           Text("crea una cuenta")
               .font(.normalTitle)
       }
   }
   

2. 排查点击拦截：
   检查父视图是否添加了tapGesture等手势，或有透明视图覆盖在NavigationLink上方——这些元素会拦截点击事件，导致无法触发跳转。

问题2：iOS 16下isActive绑定的NavigationLink废弃适配 #

iOS 16开始弃用init(destination:isActive:label:)API，官方推荐用NavigationStack配合路由值、navigationDestination实现跳转控制，具体步骤如下：

1. 定义路由枚举：
   创建遵循Hashable的枚举，标识不同跳转目标：

   enum AppRoute: Hashable {
       case confirmation
   }
   

2. 替换原有NavigationLink：
   用NavigationStack包裹视图，通过selection绑定路由状态，再用navigationDestination对应目标视图：

   struct YourView: View {
       @State private var selectedRoute: AppRoute? = nil
   
       var body: some View {
           NavigationStack(selection: $selectedRoute) {
               // 你的原有视图内容
               // ...
   
               .background(
                   NavigationLink(value: AppRoute.confirmation) {
                       EmptyView()
                   }
               )
               .navigationDestination(for: AppRoute.self) { route in
                   switch route {
                   case .confirmation:
                       ConfirmationView().navigationBarBackButtonHidden(true)
                   }
               }
           }
       }
   
       // 触发跳转的逻辑，替换原有的shouldNavigateToConfirmation = true
       func goToConfirmation() {
           selectedRoute = .confirmation
       }
   }
   

若需支持多级跳转，也可使用path数组方式：

@State private var navigationPath = [AppRoute]()

NavigationStack(path: $navigationPath) {
    // ...
    .background(
        NavigationLink(value: AppRoute.confirmation) {
            EmptyView()
        }
    )
    .navigationDestination(for: AppRoute.self) { route in
        if route == .confirmation {
            ConfirmationView().navigationBarBackButtonHidden(true)
        }
    }
}

触发跳转时调用navigationPath.append(.confirmation)，返回时可使用navigationPath.removeLast()或清空数组。

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