android - 创建垂直分隔线 Jetpack Compose

Question

如何使用 Jetpack Compose 创建垂直分隔线？我尝试使用 Spacer 和 Box 来做到这一点，但它根本没有出现。这是我尝试过的:

Box(
    modifier = Modifier
        .fillMaxHeight()
        .width(2.dp)
        .background(color = Color.Black)
)

但这根本行不通。那么在 Jetpack Compose 中如何做垂直分隔线呢？

Answer 1

您可以使用 Divider width(xx.dp) 的函数应用 intrinsic measurements 的修饰符到它的父容器。
就像是:

Row(Modifier
    .height(IntrinsicSize.Min)
    .fillMaxWidth()
    .background(Color.Yellow)) {

        Text("First Text")

        Divider(
            color = Color.Red,
            modifier = Modifier
                .fillMaxHeight()
                .width(1.dp)
        )

        Text("Second text")
}