kotlin Jetpack中的装饰框构成基本文本字段

hmae6n7t 于 2022-12-23 发布在 Kotlin

关注(0)|答案(1)|浏览(181)

我使用jetpack compose创建一个editText，我想显示一个提示，就像之前的“android：hint”，所以我尝试使用decorationBox，但在我创建它之后，输入不显示，日志可以显示我的输入内容。这是我的代码，

val passState= remember { mutableStateOf(TextFieldValue("")) }
BasicTextField(
    decorationBox = {
        Text("password",color = loginGrayColor)
    },
    value = passState.value,
    onValueChange = { passState.value = it ; Log.d("password",it.text) },
    singleLine = true,
    maxLines = 1,
    textStyle = TextStyle(
        fontSize = 15.sp,
        color = loginInputTextColor
    ),
    modifier = Modifier
        .padding(start = 10.dp, top = 10.dp)
        .height(20.dp)
)

kotlin

来源：https://stackoverflow.com/questions/67018985/decorationbox-in-jetpack-compose-basictextfield

1条答案

按热度按时间

ecbunoof1#

您必须添加decorationBox提供的**innerTextField**。
例如：

var value by remember { mutableStateOf(TextFieldValue("")) }
BasicTextField(
    value = value,
    onValueChange = { value = it },
    decorationBox = { innerTextField ->
        Row(
            Modifier
                .background(Color.LightGray, RoundedCornerShape(percent = 30))
                .padding(16.dp)
        ) {

            if (value.text.isEmpty()) {
                Text("Label")
            }
            innerTextField()  //<-- Add this
        }
    },
)

如果希望光标从占位符标签的开头开始，请将decorationBox内容放在Box中，而不是放在Row中。

赞(0）回复(0）举报 2022-12-23

我来回答

kotlin Jetpack中的装饰框构成基本文本字段

1条答案

相关问题

热门标签

最新问答