Compose | UI组件(十一) | Spacer - 留白

文章目录

  • 前言
    • Spacer组件的参数说明
    • Spacer组件的使用
  • 总结


前言

Spacer组件是让两组件之间留有空白间隔


Spacer组件的参数说明

Spacer只有一个修饰符,修饰留空白的大小和比例,颜色

Spacer(modifier: Modifier)

Spacer组件的使用

Row {
    Box(modifier = Modifier
        .size(100.dp)
        .background(Color.Red))
    Spacer(modifier = Modifier.width(20.dp))
    Box(modifier = Modifier
        .size(100.dp)
        .background(Color.Magenta))
    Spacer(modifier = Modifier.weight(1f))
    Box(modifier = Modifier
        .size(100.dp)
        .background(Color.Black))
}

总结

  1. Spacer组件是让两组件之间留有空白间隔的组件

你可能感兴趣的:(Android开发,#,[Compose],Compose,Spacer)