创建垂直分隔线喷气背包合成 [英] Create Vertical Divider Jetpack Compose

问题描述

如何使用Jetpack Compose创建垂直分隔符？我试着使用Spacer和Box来做这件事，但它根本没有显示出来。以下是我尝试的内容：

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

但这根本不管用。那么如何在Jetpack Compose中做垂直分隔符呢？

推荐答案

可以将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")
}

这篇关于创建垂直分隔线喷气背包合成的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！