如何在Jetpack Compose的Material 3 TextField中修改底部边框颜色？

在androidx.compose.material3:material3:1.1.2版本中，确实可以通过colors参数修改TextField的底部边框颜色，具体是利用TextFieldDefaults.colors()提供的状态相关参数来设置不同场景下的边框（指示器）颜色：

• 未聚焦状态：使用unfocusedIndicatorColor参数设置底部边框颜色
• 聚焦状态：使用focusedIndicatorColor参数设置底部边框颜色
• 错误状态：使用errorIndicatorColor参数设置底部边框颜色

示例代码如下：

var text by remember { mutableStateOf("") }

TextField(
    value = text,
    onValueChange = { text = it },
    label = { Text("输入内容") },
    colors = TextFieldDefaults.colors(
        unfocusedIndicatorColor = Color.Gray,
        focusedIndicatorColor = Color.Blue,
        errorIndicatorColor = Color.Red
    )
)

如果需要统一所有状态的边框颜色，只需将上述三个参数设置为同一颜色即可。

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