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默认有个间距,当然也可以自己进行重新设置

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容