如何在Jetpack Compose的OutlinedTextField输入文本后隐藏提示标签

问题1：隐藏OutlinedTextField边框上的提示标签 #

OutlinedTextField的label默认会在输入框为空时悬浮在边框上方，要完全隐藏这个边框提示，有两种可行方法：

方法1：直接移除label参数 #

删掉label属性，彻底取消提示标签的显示。修改后代码如下：

OutlinedTextField(
    value = value,
    modifier = Modifier.fillMaxSize(),
    shape = RoundedCornerShape(8.dp),
    textStyle = TextStyle(fontSize = nFontSize),
    colors = TextFieldDefaults.outlinedTextFieldColors(
        textColor = Color.Black,
        focusedBorderColor = colorResource(id = R.color.inbox_company_red),
        cursorColor = Color.Black
    ),
    onValueChange = { /* 此处添加你的值更新逻辑 */ }
)

方法2：用placeholder替代label（保留输入框内占位） #

如果需要输入框内显示占位文本，但不想让提示悬浮在边框上，应该使用placeholder属性而非label：

OutlinedTextField(
    value = value,
    modifier = Modifier.fillMaxSize(),
    shape = RoundedCornerShape(8.dp),
    textStyle = TextStyle(fontSize = nFontSize),
    colors = TextFieldDefaults.outlinedTextFieldColors(
        textColor = Color.Black,
        focusedBorderColor = colorResource(id = R.color.inbox_company_red),
        cursorColor = Color.Black
    ),
    placeholder = { Text(stringResource(id = R.string.name)) },
    onValueChange = { /* 此处添加你的值更新逻辑 */ }
)

问题2：输入文本后隐藏/禁用提示标签 #

你原有代码尝试通过判断输入内容控制label显示，但存在语法错误（字符串引号未闭合），且逻辑无法彻底解决边框提示的问题。正确方案如下：

最优方案：使用placeholder实现自动隐藏 #

placeholder会在输入框为空时显示在框内，输入文本后自动消失，完全符合需求：

OutlinedTextField(
    value = value,
    modifier = Modifier.fillMaxSize(),
    shape = RoundedCornerShape(8.dp),
    textStyle = TextStyle(fontSize = nFontSize),
    colors = TextFieldDefaults.outlinedTextFieldColors(
        textColor = Color.Black,
        focusedBorderColor = colorResource(id = R.color.inbox_company_red),
        cursorColor = Color.Black
    ),
    placeholder = { Text(stringResource(id = R.string.name)) },
    onValueChange = { value = it }
)

补充：修复原有代码的语法错误（不推荐） #

如果坚持使用label的方式，先修正语法问题，但这种方式下输入为空时提示仍会悬浮在边框上：

label = { Text(text = if (value.isEmpty()) stringResource(id = R.string.name) else "") }

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