Compose | UI组件(九) | Column,Row - 线性布局

---

前言

传统的View中使用的线性布局是 LinearLayout，Compose根据纵向和横向的方向不同分为 Column 和 Row 两种组件

---

Column 的含义

Column 是一个垂直线性布局组件，可将子组件按顺序从上到下垂直排列

@Composable
inline fun Column(
    modifier: Modifier = Modifier,                                //修饰符
    verticalArrangement: Arrangement.Vertical = Arrangement.Top, //垂直位置
    horizontalAlignment: Alignment.Horizontal = Alignment.Start, //水平位置
    content: @Composable ColumnScope.() -> Unit                  //垂直作用域
)

注：Column 默认 垂直位置靠上，水平位置靠左

Column 的使用

Column{
   
    Text(text     = "Hello,World",
         style    = MaterialTheme.typography.titleMedium)

    Text(text = "Jetpack Compose")
}

给 Column 加边框

Column(modifier = Modifier
       .border(1.dp, Color.Red)){
   
	    Text(