如何锁定OutlinedTextField中的LabelText使其始终置顶？

要让OutlinedTextField的标签始终保持输入时的顶部展开状态，有两种实用方案：

方案一：自定义独立标签（最简单可靠） #

直接放弃使用OutlinedTextField内置的label参数，在输入框上方单独放置Text组件作为固定标签，完全不受输入框状态影响：

Column(modifier = Modifier.padding(16.dp)) {
    // 固定在顶部的标签
    Text(
        text = "用户名",
        modifier = Modifier.padding(start = 4.dp, bottom = 4.dp),
        style = MaterialTheme.typography.bodySmall,
        color = MaterialTheme.colorScheme.onSurfaceVariant.copy(alpha = ContentAlpha.medium)
    )
    OutlinedTextField(
        value = inputText,
        onValueChange = { inputText = it },
        placeholder = { Text("请输入用户名") }, // 可选的占位提示
        modifier = Modifier.fillMaxWidth()
    )
}

这种方法的优势是完全自定义标签的位置、样式和行为，不会和输入框的聚焦/内容状态绑定，适配所有场景。

方案二：强制内置标签保持展开状态 #

如果希望保留OutlinedTextField内置标签的样式逻辑，可通过修改交互状态和颜色配置，让标签始终处于展开状态：

val inputText = remember { mutableStateOf("") }
val interactionSource = remember { MutableInteractionSource() }

// 强制模拟输入框始终处于聚焦状态
LaunchedEffect(Unit) {
    interactionSource.emit(FocusInteraction.Focus())
}

OutlinedTextField(
    value = inputText.value,
    onValueChange = { inputText.value = it },
    label = { Text("用户名") },
    interactionSource = interactionSource,
    colors = TextFieldDefaults.outlinedTextFieldColors(
        // 让未聚焦时的标签颜色和聚焦状态一致
        unfocusedLabelColor = MaterialTheme.colorScheme.primary,
        focusedLabelColor = MaterialTheme.colorScheme.primary
    ),
    modifier = Modifier.fillMaxWidth().padding(16.dp)
)

这种方法会让标签始终保持在顶部，但需要注意输入框的聚焦状态也会被模拟，可能影响软键盘自动弹出等交互逻辑，适合不需要严格区分聚焦状态的场景。

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