分隔线

分隔线是细线，用于分隔列表或其他 容器您可以使用 HorizontalDivider 在应用中实现分隔线 和 VerticalDivider 可组合项。

• HorizontalDivider：分隔同一列中的多项。
• VerticalDivider：用于分隔一行中的多项内容。

API Surface

这两个组件都提供了用于修改其外观的参数：

• thickness：使用此参数指定分隔线的厚度 行。
• color：使用此参数指定分隔线的颜色。

水平分隔线示例

以下示例展示了 HorizontalDivider 组件。它使用 thickness 参数来控制 行高：

@Composable
fun HorizontalDividerExample() {
    Column(
        verticalArrangement = Arrangement.spacedBy(8.dp),
    ) {
        Text("First item in list")
        HorizontalDivider(thickness = 2.dp)
        Text("Second item in list")
    }
}
Divider.kt

此实现会在两个文本组件之间渲染一条细横线：

垂直分隔线示例

以下示例展示了 VerticalDivider 组件。它使用 color 参数来提供自定义 线条颜色：

@Composable
fun VerticalDividerExample() {
    Row(
        modifier = Modifier
            .fillMaxWidth()
            .height(IntrinsicSize.Min),
        horizontalArrangement = Arrangement.SpaceEvenly
    ) {
        Text("First item in row")
        VerticalDivider(color = MaterialTheme.colorScheme.secondary)
        Text("Second item in row")
    }
}
Divider.kt

此实现会在两个文本组件之间渲染一条细竖线：

其他资源

• HorizontalDivider
• VerticalDivider
• Material Design - 分隔线