Jetpack Compose中OutlinedTextField禁用时文字颜色不生效问题

参考TextFieldDefaults相关说明自定义文本输入框实现，输入框启用状态下显示完全正常，但设置为禁用状态时，文字颜色不会像标准OutlinedTextField那样对应切换为禁用态样式，仍然保持启用状态的文字颜色，仅边框正确显示了禁用状态样式。

问题复现代码：

val colors = TextFieldDefaults.outlinedTextFieldColors()
val text = "+56"
BasicTextField(
    value = text,
    onValueChange = {},
    interactionSource = interactionSource,
    enabled = false,
    singleLine = true,
    textStyle = TextStyle.Default,
    modifier = modifier
        .width(IntrinsicSize.Min)
        .layoutId("country_code"),

){
    TextFieldDefaults.OutlinedTextFieldDecorationBox(
        value = "+56",
        enabled = false,
        singleLine = true,
        innerTextField = it,
        visualTransformation = VisualTransformation.None,
        interactionSource = interactionSource,
        colors = colors
    )
}

效果对比：

• 预期效果：
• 实际效果： 输入框边框已经呈现禁用状态样式，但文字仍然保持启用状态的显示效果。

OutlinedTextFieldDecorationBox仅负责容器装饰部分（边框、占位符、前后置图标等）的状态样式切换，不会自动修改传入BasicTextField的textStyle颜色属性。标准OutlinedTextField内部已经封装了根据启用/禁用、焦点等状态动态取对应文字颜色、合并到文字样式的逻辑，自定义组合BasicTextField和装饰盒时，这部分逻辑需要手动补充。

给BasicTextField设置textStyle参数时，主动从定义的TextFieldColors实例中读取当前状态对应的文字颜色，合并到文字样式中即可。

修复后的代码：

val colors = TextFieldDefaults.outlinedTextFieldColors()
val text = "+56"
val interactionSource = remember { MutableInteractionSource() }
// 读取当前状态对应的文字颜色
val textColor = colors.textColor(enabled = false).value

BasicTextField(
    value = text,
    onValueChange = {},
    interactionSource = interactionSource,
    enabled = false,
    singleLine = true,
    // 将对应状态的文字颜色合并到默认样式中
    textStyle = TextStyle.Default.copy(color = textColor),
    modifier = modifier
        .width(IntrinsicSize.Min)
        .layoutId("country_code"),
){
    TextFieldDefaults.OutlinedTextFieldDecorationBox(
        value = "+56",
        enabled = false,
        singleLine = true,
        innerTextField = it,
        visualTransformation = VisualTransformation.None,
        interactionSource = interactionSource,
        colors = colors
    )
}

如果输入框的启用状态是动态切换的，只需将颜色取值逻辑和enabled参数绑定到同一个状态变量即可，比如：

var inputEnabled by remember { mutableStateOf(false) }
val textColor = colors.textColor(enabled = inputEnabled).value

// 后续给BasicTextField和OutlinedTextFieldDecorationBox的enabled参数都传inputEnabled

调整后，输入框切换启用/禁用状态时，文字颜色表现会和标准OutlinedTextField完全一致。

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