小编Cam*_*ila的帖子

如何在 Jetpack Compose 的 OutlinedTextField 中显示错误消息

我需要显示错误消息OutlinedTextField,但没有找到任何有关如何执行此操作的文档。我在教程中找到了几种方法,例如使用提示创建自定义输入字段或Text在输入字段下方创建,但它们很旧,也许有更好的方法。我需要显示这样的错误消息:

在此输入图像描述

代码:

@Composable
fun EmailInputField(value: MutableState<String>, state: AuthState) {

    OutlinedTextField(
        value = value.value,
        onValueChange = { value.value = it },
        modifier = Modifier.fillMaxWidth(1f).height(60.dp),
        textStyle = TextStyle(color = Color.White),
        label = { Text(text = "Email", color = Color.White) },
        colors = TextFieldDefaults.outlinedTextFieldColors(
            focusedBorderColor = blue,
            unfocusedBorderColor = Color.White
        ),
        isError = state is AuthState.ValidationError,
        singleLine = true
    )
}
Run Code Online (Sandbox Code Playgroud)

android kotlin android-jetpack-compose android-compose-textfield

38
推荐指数
3
解决办法
3万
查看次数