Compose | UI组件(十一) | 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组件是让两组件之间留有空白间隔的组件