如何修复watchOS中TextField取消/提交时自动返回根视图问题

问题根因 #

该问题是watchOS平台SwiftUI的固有系统行为：TextField在执行取消、提交操作退出编辑态时，会触发整个视图层级的状态重绘，未显式绑定激活状态的NavigationLink会在重绘过程中被系统重置为未激活状态，最终导致二级视图被自动弹出，回到根视图。

可行修复方案 #

核心思路是显式持有导航链路的激活状态，避免系统在重绘时误重置导航状态。

方案1：兼容低版本watchOS（watchOS 7+） #

给NavigationLink绑定isActive状态参数，将导航控制权交由本地状态持有，修改后的ContentView代码如下：

import SwiftUI

struct ContentView: View {
    // 显式声明导航激活状态，由当前视图持有
    @State private var showDestination = false

    var body: some View {
        NavigationView {
            NavigationLink(
                "what",
                destination: DestinationView(),
                isActive: $showDestination
            )
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

DestinationView无需额外修改，原有TextField逻辑可正常保留。

方案2：watchOS 10+ 推荐方案 #

watchOS 10 起推荐使用NavigationStack替代老旧的NavigationView，新的导航栈API状态管理更稳定，不会出现该重绘弹回问题，代码如下：

import SwiftUI

struct ContentView: View {
    // 持有导航路径状态
    @State private var navPath = NavigationPath()

    var body: some View {
        NavigationStack(path: $navPath) {
            NavigationLink("what", value: "destination_page")
                .navigationDestination(for: String.self) { _ in
                    DestinationView()
                }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

补充说明 #

• 若使用方案1后仍偶发弹回问题，可将DestinationView中的TextField包裹在List或Form容器中，可进一步提升输入状态的稳定性
• 输入提交的业务逻辑建议通过TextField的.onSubmit修饰符实现，不要直接重写系统默认的输入完成行为

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