SwiftUI（一）- VStack、HStack、ZStack布局

SwiftUI是什么

懒得写，直接找了一篇博客: 初识 SwiftUI

三种布局

SwiftUI包括三种布局：

VStack: 纵向布局，默认居中对齐
HStack: 横向布局，默认居中对齐
ZStack: 覆盖布局，默认居中对齐

示例

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            //HStack:纵向布局，默认居中对齐
            VStackalignment: .trailing, spacing: 10) {
                Text"纵向布局").padding10)
                Text"纵向布局2333").padding10)
                
            }.borderColor.blue,  1)
            //HStack:横向布局，默认居中对齐
            HStackalignment: .center, spacing: 20) {
                Text"横向布局1").padding10)
                Text"横向布局2").padding10)
            }.borderColor.yellow,  1)
            .padding10)
            //ZStack:覆盖布局，默认居中对齐
            ZStackalignment: .topLeading, content: {
                Image"bg_blue")
                Text"覆盖布局").padding20)
            })
        }
        
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView)
    }
}