如何在 Android Jetpack Compose 中更改 OutlineTextField 边框宽度？

【问题标题】：How change OutlineTextField border width in Android Jetpack Compose?如何在 Android Jetpack Compose 中更改 OutlineTextField 边框宽度？
【发布时间】：2021-11-06 07:09:49
【问题描述】：

我的代码：

OutlinedTextField(
     value = state.value,
     onValueChange = { state.value = it },
     modifier = Modifier.fillMaxWidth().padding(start = 30.dp, end = 30.dp),
     label = { Text(text = "Something", fontSize = 14.sp) },
     shape = RoundedCornerShape(12.dp),
)

我想增加边框宽度，以便支持颜色focusedBorderColor、disabledBorderColor。

【问题讨论】：

标签： android android-jetpack-compose android-jetpack-compose-text

【解决方案1】：

轮廓边框在OutlinedTextField中定义为常量值。

private val IndicatorUnfocusedWidth = 1.dp
private val IndicatorFocusedWidth = 2.dp

没有直接的方法可以覆盖这些值。

因此，如果您需要实现动态边框宽度，则必须创建完整的自定义 TextField Composables。

您可以将完整的代码复制粘贴到OutlinedTextField.kt 和TextFieldImpl.kt 中，并根据需要对其进行修改以创建自定义可组合项。

【讨论】：