Jetpack Compose——layout(布局)Column，Row，Box的简单介绍

lplj717

于 2021-12-10 10:54:54 发布

阅读量3.1k

点赞数

分类专栏： Compose Compose学习文章标签： android Compose Compose的layout Compose布局

本文链接：https://blog.csdn.net/lplj717/article/details/121848458

版权

本文介绍了Jetpack Compose中的布局组件，包括Row的horizontalArrangement和verticalAlignment属性，以及Column的类似属性。示例代码展示了布局效果，并提及了Arrangement的几种排列方式。

摘要由CSDN通过智能技术生成

在没有使用任何排列布局方式时，Compose默认会将他们堆叠在一起

@Composable
fun layoutTest() {
    Text("Alfred Sisley", color = colorResource(id = R.color.purple_500))
    Text("3 minutes ago")
}

首先来看看Compose的标准布局组件

上代码：

        Row {//行
            Text("3 minutes ago", Modifier.background(colorResource(R.color.teal_200)))
            Text("Alfred Sisley", Modifier.background(colorResource(R.color.purple_200)))
        }
        Spacer(modifier = Modifier.height(20.dp))//间距，其主要就是充当margin的作用
        Column {//列
            Text("3 minutes ago", Modifier.background(colorResource(

最低0.47元/天解锁文章