如何在 Jetpack Compose 中正确设置 TextField 的高度？

Question

所以我有这个文本字段，

var value = remember { mutableStateOf("") }

OutlinedTextField(
    value = value.value,
    placeholder = {
        Text("Search Users")
    },
    singleLine = true,
    modifier = Modifier.height(40.dp),
    onValueChange = {
        value.value = it
    },
)

我将高度设置为40.dp您所看到的。然而看起来是这样的，

看起来文本/占位符被切断。如何解决这个问题？

Answer 1

看到问题是字体大小对于提供的高度来说太大了。为字段提供高度的正确方法是使用修改器，就像您已经在做的那样。但是，要解决此问题，请增加文本字段的高度或减小字体的大小。