android - 更改 OutlinedTextField 的边框半径

Question

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

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

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

Answer 1

从1.0.0您可以使用shape自定义边框的形状开始：

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

Answer 2

请参阅创建此类自定义 Composable 的推荐方法，即复制原始 Composable 的实现并对其进行修改以满足您的需求。

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