SwiftUI LazyVGrid例子

最新推荐文章于 2024-06-04 10:57:11 发布

xyccstudio

最新推荐文章于 2024-06-04 10:57:11 发布

阅读量303

点赞数

分类专栏： swiftui 文章标签： swiftui html css

本文链接：https://blog.csdn.net/xo19882011/article/details/126465888

版权

swiftui 专栏收录该内容

13 篇文章 1 订阅

订阅专栏

LazyVGrid例子

在这里插入图片描述

代码如下：


import SwiftUI

struct Test: View {
    @State private var targeted = true
    
    var body: some View {
        let fixedColumns = [
            GridItem(.fixed(80)),
            GridItem(.fixed(80)),
            GridItem(.fixed(80)),
            GridItem(.fixed(80))]
        
        let flexibleColumns = [
            GridItem(.flexible(minimum: 60, maximum: 80)),
            GridItem(.flexible(minimum: 60, maximum: 80)),
            GridItem(.flexible(minimum: 60, maximum: 80)),
            GridItem(.flexible(minimum: 60, maximum: 80)),]
        
        let adaColumns = [
            GridItem(.adaptive(minimum: 60, maximum: 80))]
        
        VStack {
            LazyVGrid(columns: fixedColumns) {
                ForEach(0...10, id: \.self) { tag in
                    Text("\(tag)")
                        .font(.subheadline)
                        .padding(.vertical, 8)
                        .frame(maxWidth: .infinity)
                        .background(
                            Color.init(hexString: "#dddddd")
                        )
                        .cornerRadius(4)
                }
            }
            .frame(maxWidth: .infinity)
            
            Divider()
            
            LazyVGrid(columns: flexibleColumns) {
                ForEach(0...10, id: \.self) { tag in
                    Text("\(tag)")
                        .font(.subheadline)
                        .padding(.vertical, 8)
                        .frame(maxWidth: .infinity)
                        .background(
                            Color.init(hexString: "#dddddd")
                        )
                        .cornerRadius(4)
                }
            }
            .frame(maxWidth: .infinity)
            
            Divider()
            
            LazyVGrid(columns: adaColumns) {
                ForEach(0...10, id: \.self) { tag in
                    Text("\(tag)")
                        .font(.subheadline)
                        .padding(.vertical, 8)
                        .frame(maxWidth: .infinity)
                        .background(
                            Color.init(hexString: "#dddddd")
                        )
                        .cornerRadius(4)
                }
            }
            .frame(maxWidth: .infinity)
        }
    }
}

struct Test_Previews: PreviewProvider {
    static var previews: some View {
        Test()
    }
}