SwiftUI中点击TextField触发键盘时NavigationLink自动dismiss的问题求解

当点击TextField、键盘弹出时导航自动返回，由两个设计缺陷直接导致：

• 交互层嵌套冲突：在NavigationLink的内容视图里嵌套了手动触发跳转的Button，形成同一区域的双层可交互触发逻辑，键盘弹起引发屏幕布局大幅调整时，系统会误判为触发了NavigationLink的pop动作。
• 导航绑定状态竞态：
  • 在NavigationLink的destination参数里直接初始化子视图ViewModel，父视图一旦因为键盘弹出触发body重算，就会重建子视图实例，连带将绑定的 isActive: $viewModel.authViewPushed 状态意外重置为false，直接触发导航dismiss。
  • 双向绑定的导航状态没有做场景隔离，键盘布局调整过程中的视图刷新会无差别修改导航激活状态。

1. 移除NavigationLink内部嵌套的Button结构 #

NavigationLink本身就是可交互的跳转控件，原生支持点击触发跳转、自动同步绑定的isActive状态，原写法额外套Button手动修改跳转状态的逻辑是冗余且有风险的，容易造成状态更新时序冲突。
修正后的emailLoginButton实现参考：

var emailLoginButton: some View {
    NavigationLink(
        destination: LoginView(viewModel: loginViewModel),
        isActive: $viewModel.authViewPushed
    ) {
        // 将原Button的样式直接作为NavigationLink的label使用
        HStack {
            Image(systemName: "envelope")
                .resizable()
                .aspectRatio(contentMode: .fit)
                .frame(width: 20, height: 20)
                .foregroundColor(.white)
            Text("continue_with_email".localized())
                .padding(.horizontal, 20)
        }
        .padding()
        .frame(maxWidth: .infinity)
        .foregroundColor(.white)
        .background(Capsule().fill(Color.primaryPurple))
        .shadow(color: Color.black.opacity(0.15), radius: 5, x: 5, y: 5)
        .padding(.horizontal)
        .padding(.bottom, 20)
    }
    .isDetailLink(false)
}

2. 隔离导航状态的修改场景 #

不要像原代码那样在destination参数里直接写LoginView(viewModel: .init(...))，这种写法会在父视图每次body重算时（比如键盘弹出、其他输入状态变化）都重新生成LoginView的ViewModel，触发导航流程的重复判断。

• 提前在父视图的初始化阶段或onAppear回调中生成LoginView对应的ViewModel实例，赋值给loginViewModel变量，再传入destination参数。
• 给导航绑定的authViewPushed状态增加修改约束：只有用户主动触发返回动作、或登录流程完成时才将其置为false，其他布局刷新、键盘弹起、文本输入的场景不要修改这个值。

3. 兼容键盘弹起引发的布局重算问题 #

给LoginView的根视图增加适配修饰，避免键盘弹出时的安全区调整波及导航状态：

// 加在LoginView的根视图链式调用末尾
.navigationBarHidden(false)
.ignoresSafeArea(.keyboard, edges: .bottom)

如果父视图的NavigationLink是嵌套在ScrollView/List中的，要注意避免滚动视图contentInset调整时重建NavigationLink实例——这种场景可以将NavigationLink移出滚动视图的布局区域，通过.background修饰符挂载在滚动视图外层，减少布局重算对导航实例的影响。

内容的提问来源于stack exchange，提问作者Rogério Toledo