SwiftUI中自定义初始化器下@FocusState.Binding的使用问题

问题根源 #

添加自定义初始化器时，错误地直接对@FocusState.Binding包装后的属性赋值，或者参数类型声明错误，导致FocusState<ButtonState?>.Binding与ButtonState?类型不匹配。

正确实现代码 #

1. 定义焦点状态枚举 #

enum ButtonState {
    case primary
    case secondary
}

2. 父视图（持有@FocusState） #

struct ParentView: View {
    @FocusState private var focusedButton: ButtonState?
    
    var body: some View {
        ChildView(focusedButton: $focusedButton)
    }
}

3. 子视图（使用@FocusState.Binding + 自定义初始化器） #

struct ChildView: View {
    @FocusState.Binding var focusedButton: ButtonState?
    
    // 自定义初始化器：参数类型必须匹配FocusState.Binding的具体类型
    init(focusedButton: FocusState<ButtonState?>.Binding) {
        // 直接给下划线开头的存储属性赋值（SwiftUI生成的属性包装器存储变量）
        self._focusedButton = focusedButton
    }
    
    var body: some View {
        VStack {
            Button("Primary") {
                focusedButton = .primary
            }
            .focused($focusedButton, equals: .primary)
            
            Button("Secondary") {
                focusedButton = .secondary
            }
            .focused($focusedButton, equals: .secondary)
        }
        // 正常使用onChange监听焦点变化
        .onChange(of: focusedButton) { newValue in
            print("当前焦点：\(newValue ?? "无")")
        }
    }
}

关键说明 #

• @FocusState.Binding的底层存储属性是以下划线开头的_focusedButton，类型为FocusState<ButtonState?>.Binding，自定义初始化器必须直接对这个存储属性赋值，而不是包装后的focusedButton（后者是ButtonState?类型的包装值）。
• 初始化器的参数类型必须严格声明为FocusState<ButtonState?>.Binding，不能用普通的Binding<ButtonState?>，否则会丢失FocusState特有的绑定能力。
• 这样实现后，子视图可以直接使用$focusedButton进行绑定，也能通过onChange便捷监听焦点状态变化，无需手动访问wrappedValue。

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