更改 OutlinedTextField

如何解决更改 OutlinedTextField

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

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

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

解决方法

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

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

,

查看创建此类自定义可组合物的推荐方法，是复制原始可组合物的实现并对其进行修改以满足您的需要。

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