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

---

前言

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

---

Spacer组件的参数说明

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

Spacer(modifier: Modifier)
1

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
2
3
4
5
6
7
8
9
10
11
12
13

---

总结

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