如何在 jetpack compose BasicTextField 中设置边框颜色?
How to set border color in jetpack compose BasicTextField?
我使用 package androidx.compose.foundation.text
中的 BasicTextField
,它具有默认的灰色字段颜色,如下所示:
我不想要这个灰色高亮,因此我想将背景颜色完全设置为黑色:
BasicTextField(
modifier = Modifier
.background(Color.Black)
)
但这确实只部分生效,如此处所示
边框还是灰色的。
保持边框尺寸是可以的,但我想像这里一样有一个完整的黑色背景
我该如何管理?
编辑:我试图用 color = Color.Black
添加 border()
修饰符 - 但没有成功。
我不确定你的 Composable 的代码,请尝试:
@Composable
fun Simple() {
var v by remember { mutableStateOf("Text") }
Row(Modifier.background(Color.Black).padding(16.dp),verticalAlignment = Alignment.CenterVertically) {
Icon(Icons.Filled.ArrowBack, contentDescription = "back",tint = Color.White)
BasicTextField(
v, { v = it },
Modifier
.weight(1f)
.padding(start = 13.dp),
textStyle = TextStyle(Color.White, 13.sp),
singleLine = true
)
}
}
我使用 package androidx.compose.foundation.text
中的 BasicTextField
,它具有默认的灰色字段颜色,如下所示:
我不想要这个灰色高亮,因此我想将背景颜色完全设置为黑色:
BasicTextField(
modifier = Modifier
.background(Color.Black)
)
但这确实只部分生效,如此处所示
边框还是灰色的。
保持边框尺寸是可以的,但我想像这里一样有一个完整的黑色背景
我该如何管理?
编辑:我试图用 color = Color.Black
添加 border()
修饰符 - 但没有成功。
我不确定你的 Composable 的代码,请尝试:
@Composable
fun Simple() {
var v by remember { mutableStateOf("Text") }
Row(Modifier.background(Color.Black).padding(16.dp),verticalAlignment = Alignment.CenterVertically) {
Icon(Icons.Filled.ArrowBack, contentDescription = "back",tint = Color.White)
BasicTextField(
v, { v = it },
Modifier
.weight(1f)
.padding(start = 13.dp),
textStyle = TextStyle(Color.White, 13.sp),
singleLine = true
)
}
}