ios - MDCTextInputController 错误消息涵盖输入的文本

Question

使用材料组件/材料组件-ios v85.8.0

import MaterialComponents

....

var usernameTextField = MDCTextField()
var userNameTextLayout = MDCTextInputControllerUnderline()
usernameTextField = {
    let usernameTextEdit = MDCTextField()
    usernameTextEdit.translatesAutoresizingMaskIntoConstraints = false
    usernameTextEdit.clearButtonMode = .unlessEditing
    usernameTextEdit.backgroundColor = .white
    return usernameTextEdit
}()
userNameTextLayout.textInput = usernameTextField
userNameTextLayout.placeholderText = "Username"
// add to view
....

private func isUserNameValid() -> Bool {
    let enteredUsername = usernameTextField.text ?? ""
    if (!enteredUsername.isValidEmail) {
        userNameTextLayout.setErrorText("Invalid e-mail address",
                                        errorAccessibilityValue: nil)
        return false
    }
}

错误消息覆盖了输入的文本，看起来很糟糕：

然而，Android 材料设计确实将错误置于以下行：

想知道是否有办法做到这一点，或者我做错了。

我跟着他们的教程：https ://codelabs.developers.google.com/codelabs/mdc-101-swift/#2

Answer 1

我将 MDCTextField 的高度设置得太小了。在将其从 50->80pts 增加时，它起到了作用，并将错误消息移到了该行的下方。