SwiftUI LazyVGrid例子

FDB43DDE-FF06-4497-8533-0DABAB14DBCF.png

示例代碼

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()
    }
}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容