美文网首页
3. SwiftUI学习之_spacing

3. SwiftUI学习之_spacing

作者: 即使慢走也不停下 | 来源:发表于2021-08-19 14:30 被阅读0次

最普遍的用法就是用在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

      本文链接:https://www.haomeiwen.com/subject/nncgbltx.html