Swift中SecureTextField密码验证报错：Type '()' cannot conform to 'View'

你遇到的Type '()' cannot conform to 'View'错误，是因为把密码验证的逻辑（变量赋值、print操作）直接写在了SwiftUI的View层级代码里。SwiftUI的ViewBuilder要求所有直接子元素必须是View类型，但你的if语句执行的是无返回值的操作（返回()），不符合View的要求。

而邮箱验证的逻辑是放在TextField的onEditingChanged闭包中，这是事件回调代码块，不属于View结构的一部分，所以不会触发这个错误。

把密码验证的逻辑移到合适的事件回调中，比如监听密码文本变化，或者监听焦点变化，和邮箱验证的逻辑保持一致。以下是两种可行的修改方式：

方式1：实时监听密码文本变化 #

通过onChange监听密码字段的文本变化，实时执行验证：

HStack {
    SecureTextField(text: $loginVM.credentials.password)
        .padding(10)
        .focused($isInFocus)
        .background(
            RoundedRectangle(cornerRadius: 10, style: .continuous)
                .stroke(isInFocus ? Color.orange : Color.gray, lineWidth: 1)
        )
        .disableAutocorrection(true)
        // 监听密码文本变化，触发验证
        .onChange(of: loginVM.credentials.password) { newPassword in
            if validatePassword(passwordString: newPassword) {
                errorMessage = "YES, Password OK"
                print(errorMessage)
            } else {
                errorMessage = "*-Oops,Something is wrong with your Password !!!"
                print(errorMessage)
            }
        }
}

方式2：失去焦点时验证（和邮箱逻辑对齐） #

如果需要在密码框失去焦点时再验证，可使用onFocusChange（iOS 15+）：

HStack {
    SecureTextField(text: $loginVM.credentials.password)
        .padding(10)
        .focused($isInFocus)
        .background(
            RoundedRectangle(cornerRadius: 10, style: .continuous)
                .stroke(isInFocus ? Color.orange : Color.gray, lineWidth: 1)
        )
        .disableAutocorrection(true)
        // 监听焦点变化，失去焦点时执行验证
        .onFocusChange { isFocused in
            if !isFocused {
                if validatePassword(passwordString: loginVM.credentials.password) {
                    errorMessage = "YES, Password OK"
                    print(errorMessage)
                } else {
                    errorMessage = "*-Oops,Something is wrong with your Password !!!"
                    print(errorMessage)
                }
            }
        }
}

如果需要在界面上显示错误提示，要把errorMessage用Text组件渲染出来，比如在HStack下方添加：

Text(errorMessage)
    .foregroundColor(errorMessage.contains("Oops") ? .red : .green)
    .font(.caption)

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