Android 如何使TextField的背景透明

发布于04月05日

我正在使用Jetpack Compose with materials 3.我的屏幕看起来像这样.我希望文本字段有一个透明的背景，而不是白色的背景.我试过下面的代码(见第background(..行，但它不工作.我错过了什么？

TextField(          
        value = userNameValue.value,
        onValueChange = { userNameValue.value = it },
        modifier = Modifier
            .fillMaxWidth()
            .background(
                Color.Transparent
            ),
        label = {
            Text(
                "Names" //stringResource(id = R.string.username_label)
            )
        }
}

推荐答案

TextField Composable提供了一个参数colors.它采用类型TextFieldColors的值，它将包含在TextField中的所有 colored颜色 Bundle 在一起.

在您的情况下，请try 覆盖所有包含单词"容器"的colors个，类似于以下:

TextField(
    value = userNameValue.value,
    onValueChange = { userNameValue.value = it },
    modifier = Modifier.fillMaxWidth(),
    label = {
        Text(
            text = "Names" //stringResource(id = R.string.username_label)
        ),
    },
    colors = TextFieldDefaults.colors(
        focusedContainerColor = Color.Transparent,
        unfocusedContainerColor = Color.Transparent,
        disabledContainerColor = Color.Transparent,
        errorContainerColor = Color.Transparent
    )
}