android - 删除 jetpack compose 文本字段上的默认填充

Question

我要定制TextField可在 Jetpack Compose 中组合。我试图达到下图中的结果，但不知何故TextField有一些默认填充 我找不到如何更改的值。我想删除默认填充并自定义它
(右边的图像是我得到的结果。我画了一个边框，这样你就可以看到它有填充，顺便说一下 TextField 只是 Text 可组合，它们不是 TextFields )


以下是我的TextField代码

TextField(
    value = "",
    onValueChange = {},
    modifier = Modifier
        .weight(1F)
        .padding(0.dp)
        .border(width = 1.dp, color = Color.Red),
    placeholder = {
        Text(
            "5555 5555 5555 5555", style = TextStyle(
                color = Color.Gray
            )
        )
    },
    colors = TextFieldDefaults.textFieldColors(
        backgroundColor = Color.Transparent,
        unfocusedIndicatorColor = Color.Transparent,
        focusedIndicatorColor = Color.Transparent
    ),
)

Answer 1

您可以使用 BasicTextField ，它是一个没有任何装饰的纯文本字段。请注意，它也没有占位符/提示，如果需要，您必须自己实现。

BasicTextField(value = "", onValueChange = {}, Modifier.fillMaxWidth())

从 1.2.0-alpha04让您的 BasicTextField 更容易看起来像 TextField或 OutlinedTextField .您可以复制 TextField的源代码, 这很短，因为大部分逻辑都移到了 TextFieldDefaults.TextFieldDecorationBox , 并将所需的填充值传递给 contentPadding TextFieldDefaults.TextFieldDecorationBox的参数.