Jetpack Compose中OutlinedTextField errorBorderColor不生效问题求助

我尝试将OutlinedTextField的errorBorderColor设置为红色，但未生效。以下是我的代码：

@Composable
private fun dateTimePickerColors() = TextFieldDefaults.outlinedTextFieldColors(
     errorBorderColor = Color.Red, 
     disabledTextColor = Color.Gray,
     disabledBorderColor = Color.Gray,
     unfocusedBorderColor = Color.Gray,
     focusedBorderColor = Color.Gray,
     containerColor = Color.White,
)

// 从viewModel获取输入对应的状态
val isInputError = viewModel.isError.collectAsState
OutlinedTextField(
     //...
     enabled = false,
     colors = dateTimePickerColors(),
     isError = isInputError,
)

推测是disabledBorderColor等其他颜色覆盖了错误颜色，导致错误状态下边框仍显示灰色：

编辑：
当我尝试以下代码时：

private fun dateTimePickerColors() = TextFieldDefaults.textFieldColors(
    errorIndicatorColor = Color.Red,
    containerColor = Color.White
)

它只改变了容器颜色而非边框颜色，请问如何让错误状态下边框变为红色？

问题根源是当OutlinedTextField处于禁用（enabled=false）状态时，组件会优先使用disabledBorderColor，而忽略errorBorderColor，即使设置了isError=true也不会触发错误边框样式。

方法一：根据错误状态动态配置禁用边框颜色 #

将错误状态传入颜色配置函数，动态决定禁用状态下的边框色：

@Composable
private fun dateTimePickerColors(isError: Boolean) = TextFieldDefaults.outlinedTextFieldColors(
     errorBorderColor = Color.Red,
     // 错误状态为true时，禁用边框显示红色；否则显示灰色
     disabledBorderColor = if (isError) Color.Red else Color.Gray,
     disabledTextColor = Color.Gray,
     unfocusedBorderColor = Color.Gray,
     focusedBorderColor = Color.Gray,
     containerColor = Color.White,
)

// 使用时传入实时错误状态
val isInputErrorState = viewModel.isError.collectAsState()
OutlinedTextField(
     //...
     enabled = false,
     colors = dateTimePickerColors(isInputErrorState.value),
     isError = isInputErrorState.value,
)

注意事项 #

你之前错误使用了TextFieldDefaults.textFieldColors()，这是给基础TextField组件配置样式的API，OutlinedTextField必须搭配TextFieldDefaults.outlinedTextFieldColors()才能正确设置边框相关样式。

内容的提问来源于stack exchange，提问作者Mehmet Gür