SwiftUI中如何在自定义TextField中正确传递@FocusState？

你遇到的核心问题是FocusState类型不匹配，且子视图错误地自行声明了@FocusState变量。下面给出两种可行的实现方案：

方案一：单输入框用Bool类型FocusState #

自定义视图代码 #

struct FloatingPlaceholder: View {
    @Binding var textfieldText: String
    // 接收父视图传递的FocusState绑定，而非自行声明@FocusState
    let focused: FocusState.Binding<Bool>
    
    var body: some View {
        TextField("Password", text: $textfieldText)
            .focused(focused)
    }
}

父视图调用代码 #

struct LoginView: View {
    // 使用非可选Bool类型的FocusState
    @FocusState var passwordFocused: Bool
    @StateObject var viewModel = LoginViewModel() // 假设你的ViewModel实例化方式
    
    var body: some View {
        FloatingPlaceholder(
            textfieldText: $viewModel.password,
            focused: $passwordFocused // 传递FocusState的投影绑定
        )
    }
}

方案二：多输入框用枚举管理焦点（更推荐） #

如果登录界面有多个输入框（比如用户名+密码），用枚举统一管理焦点状态会更清晰，避免多个Bool变量混乱。

步骤1：定义焦点枚举 #

enum LoginField: Hashable {
    case username
    case password
}

步骤2：自定义视图代码 #

struct FloatingPlaceholder: View {
    @Binding var textfieldText: String
    let focused: FocusState.Binding<LoginField?>
    let field: LoginField // 指定当前输入框对应枚举值
    
    var body: some View {
        TextField("Password", text: $textfieldText)
            .focused(focused, equals: field)
    }
}

步骤3：父视图调用代码 #

struct LoginView: View {
    // 用可选枚举类型管理焦点，nil表示无焦点
    @FocusState var focusedField: LoginField?
    @StateObject var viewModel = LoginViewModel()
    
    var body: some View {
        VStack(spacing: 16) {
            FloatingPlaceholder(
                textfieldText: $viewModel.username,
                focused: $focusedField,
                field: .username
            )
            
            FloatingPlaceholder(
                textfieldText: $viewModel.password,
                focused: $focusedField,
                field: .password
            )
        }
    }
}

错误原因说明 #

1. 类型不匹配：你在父视图用了FocusState<Bool?>，但子视图声明的是FocusState<Bool>，两者类型无法转换。
2. 子视图不应自行声明@FocusState：@FocusState是用来管理当前视图层级的焦点状态，子视图只需接收父视图传递的绑定即可，无需自己创建。
3. @FocusState无法在init中直接赋值：它的绑定只能通过投影属性$获取，不能手动在初始化方法中赋值。

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