编辑输入框内容后如何隐藏TextInputLayout的错误提示

问题根源 #

你当前的loginFormState观察者逻辑仅处理了错误不为空时设置提示的分支，没有处理「校验通过、错误值为null」时清空旧提示的分支，因此错误提示会一直残留。你的afterTextChanged实际已经生效：因为登录按钮已变为可点击状态，说明loginViewModel.loginDataChanged已经正常触发，ViewModel也返回了校验通过的状态，只是前端没有同步清空错误。

修正代码 #

修改观察者逻辑，无论错误是否为空都同步赋值给对应组件，当错误为null时系统会自动隐藏提示：

loginViewModel.loginFormState.observe(this, Observer {
    val loginState = it ?: return@Observer

    binding.btnLogin.isEnabled = loginState.isDataValid
    // 邮箱错误处理，为空时自动清除提示
    // 注意：如果你的邮箱外层TextInputLayout id为tfEmail，建议统一用TextInputLayout展示错误，和密码逻辑保持一致
    binding.etEmail.error = loginState.emailError?.let { getString(it) }
    // 密码错误处理，为空时自动清除提示
    binding.tfPassword.error = loginState.passwordError?.let { getString(it) }
})

可选优化（推荐） #

将邮箱错误也绑定到外层TextInputLayout组件，符合Material Design设计规范，错误提示样式更统一：

1. 先确认邮箱输入框外层的TextInputLayoutid为tfEmail（可根据你实际的布局id调整）
2. 将邮箱错误赋值逻辑替换为：

binding.tfEmail.error = loginState.emailError?.let { getString(it) }

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