SwiftUI切换TabView后键盘Toolbar Dismiss按钮不重现问题求助

问题背景 #

• 开发环境：Xcode 15.0，目标iOS 17.0，测试设备为iPhone 13 Pro（iOS 17.0.3）
• 应用结构：TabView包含SetupView和ColorsView两个子视图，SetupView内嵌套NavigationStack与Form，其中Location分区的邮政编码TextField设置了.keyboardType(.numberPad)
• 问题1：通过FocusState为键盘添加的“Dismiss”按钮，在SetupView内操作正常，但切换到ColorsView再返回后，点击TextField弹出键盘时按钮消失
• 问题2：需要实现输入5位数字后自动收起键盘的功能
• 补充：移除NavigationStack仅保留Form时，预览中问题消失，但真机上问题依旧

解决方案 #

问题1：修复Dismiss按钮消失的问题 #

问题根源是TabView切换时未显示的子视图会被销毁重建，导致FocusState状态丢失。将焦点状态托管到全局可观察对象即可解决：

1. 创建焦点状态管理类：

import SwiftUI

class FocusManager: ObservableObject {
    @Published var isZipCodeFocused = false
}

2. 在TabView父视图中初始化该管理类：

struct MainTabView: View {
    @StateObject private var focusManager = FocusManager()
    
    var body: some View {
        TabView {
            SetupView(focusManager: focusManager)
                .tabItem { Label("设置", systemImage: "gear") }
            ColorsView()
                .tabItem { Label("颜色", systemImage: "palette") }
        }
    }
}

3. 在SetupView中绑定并同步焦点状态：

struct SetupView: View {
    @ObservedObject var focusManager: FocusManager
    @FocusState private var isZipCodeFocused: Bool
    @State private var zipCode = ""
    
    var body: some View {
        NavigationStack {
            Form {
                Section("Location") {
                    TextField("邮政编码", text: $zipCode)
                        .keyboardType(.numberPad)
                        .focused($isZipCodeFocused)
                }
            }
            .toolbar {
                if isZipCodeFocused {
                    ToolbarItem(placement: .keyboard) {
                        Button("Dismiss") {
                            isZipCodeFocused = false
                        }
                    }
                }
            }
            .onAppear {
                isZipCodeFocused = focusManager.isZipCodeFocused
            }
            .onChange(of: isZipCodeFocused) { newValue in
                focusManager.isZipCodeFocused = newValue
            }
        }
    }
}

问题2：实现输入5位数字自动收键盘 #

监听TextField文本变化，当长度达到5时主动取消焦点，同时限制输入长度不超过5位：

TextField("邮政编码", text: $zipCode)
    .keyboardType(.numberPad)
    .focused($isZipCodeFocused)
    .onChange(of: zipCode) { newValue in
        if newValue.count > 5 {
            zipCode = String(newValue.prefix(5))
        }
        if zipCode.count == 5 {
            isZipCodeFocused = false
        }
    }

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