SwiftUI中TextField结合NavigationPath致导航动画异常求助

这个问题的核心是TextField焦点管理与ObservableObject托管的NavigationPath之间的时序冲突：

• 当Sheet中的TextField成为第一响应者（获得焦点）后，关闭Sheet时，系统会执行TextField的焦点释放流程，这个系统级视图操作的优先级高于ObservableObject的@Published状态更新。
• 焦点释放的过程会干扰NavigationStack的动画渲染逻辑，导致后续导航推送时，SwiftUI无法正确触发过渡动画。
• 换成Text组件时没有焦点管理流程，用@State托管NavigationPath时视图内部状态更新和焦点恢复同步，所以不会出现动画失效的问题。

方案1：主动管理TextField焦点，关闭Sheet时强制失焦 #

通过@FocusState手动控制TextField的焦点状态，在Sheet关闭时主动释放焦点，避免焦点流程干扰导航动画：

// 修改Popup视图
struct Popup : View {
    @State var text: String = ""
    @FocusState private var isTextFieldFocused: Bool // 新增焦点状态
    
    var body: some View {
        VStack {
            TextField("Text", text: $text)
                .focused($isTextFieldFocused) // 绑定焦点到状态变量
        }
        .onAppear {
            isTextFieldFocused = true // 可选：打开弹窗时自动聚焦
        }
    }
    
    // 暴露失焦方法给父视图调用
    func resignFocus() {
        isTextFieldFocused = false
    }
}

// 修改ContentView的sheet配置
struct ContentView: View {
    @State private var selectedMenu: HomeDestination?
    @StateObject private var navCord: NavCordinator = NavCordinator()
    @State var popup: Popup? = nil // 新增弹窗实例引用

    var body: some View {
        NavigationSplitView {
            VStack {
                List(HomeDestination.allCases, selection: $selectedMenu) { menu in
                    NavigationLink(value: menu) {
                        Text(menu.name)
                    }
                }
                Button("Create") {
                    popup = Popup()
                }
            }
        } detail: {
            NavigationStack(path: $navCord.navMenu) {
                switch selectedMenu {
                case .a:
                    Text("A")
                case .none:
                    Text("hi")
                }
            }
        }
        .sheet(item: $popup) { _ in
            popup!
        }
        .onChange(of: popup) { newValue in
            // 弹窗关闭时触发失焦
            if newValue == nil {
                popup?.resignFocus()
                // 可选：加微小延迟确保焦点完全释放
                DispatchQueue.main.asyncAfter(deadline: .now() + 0.05) {}
            }
        }
    }
}

方案2：给NavigationStack显式绑定动画 #

通过显式将NavigationStack的动画与NavigationPath的变化绑定，强制SwiftUI在路径更新时触发动画：

// 在ContentView的NavigationStack中添加动画修饰符
NavigationStack(path: $navCord.navMenu) {
    switch selectedMenu {
    case .a:
        Text("A")
    case .none:
        Text("hi")
    }
}
.animation(.default, value: navCord.navMenu) // 绑定动画到路径变化

方案3：在StateObject中显式用withAnimation更新路径 #

如果是通过代码手动推送导航（而非NavigationLink），可以在NavCordinator的方法中用withAnimation包裹路径更新，确保动画被正确触发：

class NavCordinator: ObservableObject {
    @Published var navMenu = NavigationPath()
    
    func pushDestination(_ destination: HomeDestination) {
        withAnimation {
            navMenu.append(destination)
        }
    }
}

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