1. SwiftUI学习之_Spacer()

你可以理解为有棉花填充在Spacer()所在位置，棉花的量很大，足以把所有的空间都填满。

以HStack为例，如果HStack不使用Spacer()的话，内容是居中显示的，其实大小只有内容的大小而已

HStack {``
Text("name:")
Text("Alice")
}

前后都不加的话，他的居中对齐的方式

企业微信截图_2fb54100-99a3-4bdb-b01c-0c0f669f1574.png

---

HStack {
Spacer()
Text("name:")
Text("Alice")
}

前边加上的话，前边的位置就会被填充

企业微信截图_62bccf8f-7143-4426-bf14-1507c1f452fd.png

---

HStack {
Spacer()
Text("name:")
Text("Alice")
Spacer()
}

前后都加上，效果就跟第一张图一样，但是实际上是充满了整个控件，而图一是只是居中了，并不是全部的控件空间

企业微信截图_2fb54100-99a3-4bdb-b01c-0c0f669f1574.png

---

那这样的话：我们就可以猜想出来，如果左、右、中间都有Spacer()那么就会左边有空白，右边有空白，中间有空白，那么我们来验证一下

HStack {
Spacer()
Text("name:")
Spacer()
Text("Alice")
Spacer()
}

企业微信截图_51f2e028-5e9d-4168-80af-7df8180c9e7e.png

果然是这样，到这里我们就知道了，其实Spacer()存在的意义就是帮我们把空间占满，就可以想象一下有很多的棉花在这里哈哈。