使用material-components/material-components-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 material design确实将错误放在了下面:
想知道有没有办法做到这一点,或者我做错了。
我遵循了他们的教程:https://codelabs.developers.google.com/codelabs/mdc-101-swift/#2
发布于 2019-07-31 16:54:55
我把MDCTextField的高度设置得太小了。在将其从50->80点增加的过程中,它做到了这一点,并将错误消息移到了线下。
https://stackoverflow.com/questions/57121210
复制