Jetpack Compose：OutlinedTextField占位符未默认显示问题求助

开发者阿泽

2026-8-25

问题解决：让OutlinedTextField的占位符默认显示

你的EmailEntry组件里，OutlinedTextField的占位符只有点击后才显示，核心原因是当shouldShowLabel为false时，你给label传了一个空的Composable而非null。OutlinedTextField的内置逻辑是：只要label参数不为null，哪怕内容为空，它也会预留label的布局空间，导致placeholder只能在输入框获取焦点后才显示。

修改方案

把label参数改为：当shouldShowLabel为false时直接传null，替代原来的空条件判断lambda。修改后的完整代码如下：

@Composable
fun EmailEntry(
    shouldShowLabel: Boolean = false,
    onEmailEntered: (emailText: String) -> Unit) {

    var emailText by rememberSaveable {
        mutableStateOf("")
    }

    OutlinedTextField(
        modifier = Modifier.fillMaxWidth(),
        singleLine = true,
        value = emailText,
        // 关键修改：label为null时，placeholder默认显示
        label = if(shouldShowLabel) {
            { Text(text = "Email") }
        } else {
            null
        },
        placeholder = {
            Text(text = "Email Address")
        },
        onValueChange = { newText ->
            emailText = newText
            onEmailEntered(emailText)
        },
        keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Email)
    )
}