代码改变世界

(3)使用VStack和HStack

2024-04-29 13:21  lzhshn  阅读(36)  评论(0)    收藏  举报

1、VStack和HStack使用于View内部,能快速垂直或水平排列其内部的组件

2、相比较官方教程的依赖于在xcode上选择和拖放,手写VStack和HRStack更便捷

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Text("天")
            HStack{
                Text("东")
                Text("南")
                Text("西")
                Text("北")
            }
            Text("地")
        }
        .padding()
    }
}

#Preview {
    ContentView()
}

 

效果:

 

说明:

  1. 表示天的Text,HStack,表示地的Text是垂直排列的
  2. 但是,在HStack里,多个Text是水平排列