如何从 jetpack compose 更改 OutlinedTextField 的轮廓颜色？

以下是 jetpack-compose 中 OutlinedTextField 代码的样子：

OutlinedTextField(
    value = "",
    onValueChange = {},
    label = {Text("Input")}
)

此 TextField 轮廓的默认颜色是紫色。我想明显地改变轮廓颜色和标签。

使用的默认值OutlinedTextField定义在TextFieldDefaults.outlinedTextFieldColors by the focusedBorderColor, unfocusedBorderColor, disabledBorderColor.

With M2:

focusedBorderColor: Color = MaterialTheme.colors.primary.copy(alpha = ContentAlpha.high),
unfocusedBorderColor: Color = MaterialTheme.colors.onSurface.copy(alpha = ContentAlpha.disabled),

您可以更改colors.primary和colors.onSurface在你的主题中。

With M3:

    focusedBorderColor: Color = OutlinedTextFieldTokens.FocusOutlineColor.toColor(),
    unfocusedBorderColor: Color = OutlinedTextFieldTokens.OutlineColor.toColor(),

在这种情况下，您可以更改primary和outline主题中的颜色。

否则你可以override他们使用类似的东西：

    OutlinedTextField(
        value = "",
        onValueChange = {},
        label = {Text("Input")},
        colors = TextFieldDefaults.outlinedTextFieldColors(
            focusedBorderColor = Green,
            unfocusedBorderColor = Yellow)
    )