zl程序教程

您现在的位置是:首页 >  后端

当前栏目

SwiftUI List 设置行高度row height

List 设置 SwiftUI 高度 row height
2023-09-11 14:18:31 时间

本文价值与收获

看完本文后,您将能够作出下面的界面

在这里插入图片描述

在这里插入图片描述

看完本文您将掌握的技能

  • 设置List显示
  • 掌握控制行高度

代码

import SwiftUI

struct ContentView: View {
   var body: some View {
      VStack {
          Text("SwiftUI List 设置行高度row height")
            .frame(maxWidth:.infinity)
            .padding()
            .background(Color.orange)
            .padding()
        List(1..<100,id: \.self) { row in
              HStack {
                  Spacer()
                  Text("\(row)")
                  Text("---")
                 
                  Spacer()
              }.frame(height: 10)
          }
        .environment(\.defaultMinListRowHeight, 10)
          }
    }
}

技术交流

QQ:3365059189
SwiftUI技术交流QQ群:518696470