Column
属性¶
@Composable
inline fun Column(
modifier: Modifier? = Modifier,
verticalArrangement: Arrangement.Vertical? = Arrangement.Top,
horizontalAlignment: Alignment.Horizontal? = Alignment.Start,
content: (@Composable @ExtensionFunctionType ColumnScope.() -> Unit)?
): Unit
Column 布局可以让其子组件呈纵向排列，在 ColumnScope 中可以使用 Modifier.weight 来设置子组件所占比重。
参数¶
- verticalArrangement
当 Column 的大小比它的子组件大小之和还要大的话，那可以通过verticalArrangement来设置不同的排列方式
- horizontalAlignment 设置子组件的对齐方式，包括Alignment.Start、Alignment.End、Alignment.CenterHorizontal
@Composable
fun ColumnSample() {
Column(
modifier = Modifier
.requiredHeight(100.dp)
.background(Color.White),
) {
Text(
text = "First ", modifier = Modifier
.background(Color.Red)
.weight(0.7f,fill=false)
)
Text("Second", modifier = Modifier
.background(Color.Green)
.weight(0.3f))
}
}
下图可以看到在设置 weight 的时候fill=true 和 fill=false 的区别，默认情况下 fill = true
