更改 OutlinedTextField 的边框半径

Question

是否可以更改 OutlinedTextField 的边框半径。我想实现这样的目标

我无法使用 Modifier.border 因为它只是在标签上方绘制边框。像这样

对于 OutlinedTextField 来说，没有像 TextField 中那样的形状参数。如果我使用简单的 TextField，我就无法在顶部边框线中绘制标签。标签在文本字段内绘制。

Answer 1

您可以使用该shape参数来自定义边框的形状：

OutlinedTextField(
    value = text,
    onValueChange = {
        text = it
    },
    shape = RoundedCornerShape(12.dp)
)

Answer 2

您可以为此使用形状。请参考下面的代码

OutlinedTextField(
                    value = email, onValueChange = {
                        email = it
                    },
                    label = {
                        Text(text = "Round corner", color = PrimaryColor)
                    },
                    shape = RoundedCornerShape(25.dp),

                    modifier = Modifier
                        .fillMaxWidth()
                        .padding(horizontal = 20.dp)
                        .padding(top = 10.dp),
                    colors = TextFieldDefaults.outlinedTextFieldColors(
                        unfocusedBorderColor = PrimaryColor,
                        textColor = PrimaryColor),