3. SwiftUI学习之_spacing

最普遍的用法就是用在HStack和VStack中
首先先来说一下VStack中的使用

VStack {
            Text("第一行")
                .background(Color.red)
            Text("第二行")
                .background(Color.blue)
            Text("第三行")
                .background(Color.blue)
        }

效果图如下:


效果1.png

我们可以看到他们是紧挨着的,那么我们想要让他们每个之间的间距都保持在10,就可以设置他的spacing
将上述代码做修改添加(spacing: 10):

VStack (spacing: 10) {
            Text("第一行")
                .background(Color.red)
            Text("第二行")
                .background(Color.blue)
            Text("第三行")
                .background(Color.blue)
        }

效果图如下:


效果2.png

以此类推,HStack也是可以这样设置的,只是HStack默认有个间距,当然也可以自己进行重新设置

你可能感兴趣的:(3. SwiftUI学习之_spacing)