最普遍的用法就是用在HStack和VStack中
首先先来说一下VStack中的使用
VStack {
Text("第一行")
.background(Color.red)
Text("第二行")
.background(Color.blue)
Text("第三行")
.background(Color.blue)
}
效果图如下:
我们可以看到他们是紧挨着的,那么我们想要让他们每个之间的间距都保持在10,就可以设置他的spacing
将上述代码做修改添加(spacing: 10):
VStack (spacing: 10) {
Text("第一行")
.background(Color.red)
Text("第二行")
.background(Color.blue)
Text("第三行")
.background(Color.blue)
}
效果图如下:
以此类推,HStack也是可以这样设置的,只是HStack默认有个间距,当然也可以自己进行重新设置