更改 OutlinedTextField 的边框半径

Question

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

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

对于 OutlinedTextField，没有像 TextField 中那样的形状参数。如果我使用简单的 TextField，我就不能在顶部边框线上绘制标签。标签正在 TextField 中绘制。

Answer 1

查看创建此类自定义可组合项的推荐方法，即复制原始可组合项的实现并修改它以满足您的需要。

快捷方式：只需键入 Button，然后按 Ctrl 并单击它（在 Android Studio 中）。这将带您进入实施阶段。这是一个非常简单和小的，所以只需复制它。在内部，按钮使用表面来包含行范围中的元素，它有一个形状参数，或者您可以在其上使用 Modifier.clip()。试试吧。

Answer 2

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

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

Change the radius of the border for OutlinedTextField