代码改变世界

(3)使用VStack和HStack

  lzhshn  阅读(21)  评论(0编辑  收藏  举报

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
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是水平排列
相关博文:
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示