SwiftUI中UITextContentType在自定义文本框中失效问题求助

问题 #

开发的iOS应用包含登录、找回密码、创建账号等表单，想要通过SwiftUI的textContentType修饰符为文本框提供输入建议。为此实现了一个可切换普通/密码文本框的自定义组件并统一样式，但发现当表单中存在SecureField时，其前一个TextField的textContentType会失效：比如登录页的邮箱字段无输入建议，注册页中密码字段前的姓氏/名字字段也无建议，仅保留TextField时功能正常。需要iOS 16+下的解决办法或替代方案。

问题复现代码 #

自定义文本框代码 #

struct CustomTextField: View {
    @StateObject var viewModel: TextInputFieldViewModel
    
    var body: some View {
        Group {
            if viewModel.isSecure {
                SecureField("", text: $viewModel.text)
                    .frame(height: 50)
                    .background(.gray)
            } else {
                TextField("", text: $viewModel.text)
                    .textContentType(viewModel.textContentType)
                    .frame(height: 50)
                    .background(.gray)
            }
        }
        
    }
}

ViewModel代码 #

class TextInputFieldViewModel: ObservableObject {
    @Published var text: String
    @Published var isSecure: Bool
    
    let textContentType: UITextContentType
    
    init(text: String,
         isSecure: Bool = false,
         textContentType: UITextContentType) {
        self.text = text
        self.isSecure = isSecure
        self.textContentType = textContentType
    }
}

示例场景（登录页）代码 #

struct ContentView: View {
    var body: some View {
        VStack(spacing: 20) {
            CustomTextField(viewModel: TextInputFieldViewModel(text: "",
                                                               isSecure: false,
                                                               textContentType: .emailAddress))
            
            CustomTextField(viewModel: TextInputFieldViewModel(text: "",
                                                               isSecure: true,
                                                               textContentType: .password))
        }
        .padding()
    }
}

解决办法 #

方案一：用@ViewBuilder替代Group #

SwiftUI的Group在条件渲染时可能干扰系统对textContentType的识别，改用@ViewBuilder直接返回对应输入组件，能避免上下文识别异常：

修改后的自定义文本框代码：

struct CustomTextField: View {
    @StateObject var viewModel: TextInputFieldViewModel
    
    @ViewBuilder
    var body: some View {
        if viewModel.isSecure {
            SecureField("", text: $viewModel.text)
                .frame(height: 50)
                .background(.gray)
                // 为密码字段设置对应textContentType，帮助系统识别表单上下文
                .textContentType(viewModel.textContentType)
        } else {
            TextField("", text: $viewModel.text)
                .textContentType(viewModel.textContentType)
                .frame(height: 50)
                .background(.gray)
        }
    }
}

方案二：强化表单上下文识别 #

将字段包裹在Form组件中，能让系统更清晰地识别表单结构，进一步提升输入建议的可靠性：

修改示例场景代码：

struct ContentView: View {
    var body: some View {
        Form {
            CustomTextField(viewModel: TextInputFieldViewModel(text: "",
                                                               isSecure: false,
                                                               textContentType: .emailAddress))
            
            CustomTextField(viewModel: TextInputFieldViewModel(text: "",
                                                               isSecure: true,
                                                               textContentType: .password))
        }
        .padding()
    }
}

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