SwiftUI：点击按钮收起深层层级中TextField的键盘

不用把focused状态变量手动层层传递给深层的TextField，下面是几种更简洁的实现方式：

方法1：通过自定义Environment传递Focus绑定 #

把FocusState的绑定注入到环境中，深层视图直接从环境读取，不用手动传参：

首先定义一个自定义环境键：

private struct TextFieldFocusKey: EnvironmentKey {
    static let defaultValue: Binding<Bool> = .constant(false)
}

extension EnvironmentValues {
    var textFieldFocus: Binding<Bool> {
        get { self[TextFieldFocusKey.self] }
        set { self[TextFieldFocusKey.self] = newValue }
    }
}

在根视图中注入FocusState的绑定：

struct RootView: View {
    @FocusState private var isTextFieldFocused: Bool
    
    var body: some View {
        VStack {
            // 把绑定注入环境
            DeepNestedView()
                .environment(\.textFieldFocus, $isTextFieldFocused)
            
            Button("收起键盘") {
                isTextFieldFocused = false
            }
        }
    }
}

深层TextField直接使用环境中的绑定：

struct DeepNestedView: View {
    @Environment(\.textFieldFocus) private var isFocused
    
    var body: some View {
        TextField("输入内容", text: .constant(""))
            .focused(isFocused)
    }
}

方法2：直接传递FocusState的投影绑定 #

如果视图层级不算极端深，可以直接传递$isTextFieldFocused这个绑定，中间视图只负责转发，不用持有状态变量：

// 根视图
struct RootView: View {
    @FocusState private var isTextFieldFocused: Bool
    
    var body: some View {
        VStack {
            MiddleView(focusBinding: $isTextFieldFocused)
            
            Button("收起键盘") {
                isTextFieldFocused = false
            }
        }
    }
}

// 中间视图只转发绑定，不处理状态
struct MiddleView: View {
    let focusBinding: Binding<Bool>
    
    var body: some View {
        DeepNestedView(focusBinding: focusBinding)
    }
}

// 深层TextField视图
struct DeepNestedView: View {
    let focusBinding: Binding<Bool>
    
    var body: some View {
        TextField("输入内容", text: .constant(""))
            .focused(focusBinding)
    }
}

这种方式比传状态变量更轻量，中间视图不需要关心状态细节，只做传递即可。

方法3：全局Focus管理（适合简单场景） #

如果你的App只有这一个需要控制焦点的TextField，可以用ObservableObject做全局管理，但耦合性较高，复杂场景不推荐：

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

// 在App入口注入全局实例
@main
struct MyApp: App {
    @StateObject private var focusManager = FocusManager()
    
    var body: some Scene {
        WindowGroup {
            RootView()
                .environmentObject(focusManager)
        }
    }
}

// 深层TextField视图
struct DeepNestedView: View {
    @EnvironmentObject private var focusManager: FocusManager
    
    var body: some View {
        TextField("输入内容", text: .constant(""))
            .focused($focusManager.isTextFieldFocused)
    }
}

// 根视图的Button
Button("收起键盘") {
    focusManager.isTextFieldFocused = false
}

方案对比 #

• FocusState方案：符合SwiftUI原生状态管理，类型安全，能精准控制单个TextField的焦点，适合大多数场景。
• resignFirstResponder方案：虽然代码少，但会让所有第一响应者失去焦点，无法精准控制，而且依赖UIKit API，纯SwiftUI场景不够原生。

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