2022-03-19 LazyVGrid

LazyVGrid 不訪問卡片的全部
LazyVGrid(columns: [GridItem(.adaptive(minimum: 65))])
設(shè)定最小寬度為65,能放幾個放幾個,橫向模式后也適用

LazyVGrid(columns: [GridItem(.fixed(200)), GridItem(.flexible()),GridItem()]) {
                ForEach(emojis[0..<emojiCount], id: \.self) { emoji in
                    CardView(content: emoji)}
            }
LazyVGrid(columns: [GridItem(), GridItem(),GridItem()]) {
                ForEach(emojis[0..<emojiCount], id: \.self) { emoji in
                    CardView(content: emoji)}
                .aspectRatio(2/3, contentMode: .fit)
            }
            .foregroundColor(.red)
            Spacer()
//寬度2/3 填充
 var body: some View {
        VStack {
//ScrollView 滑塊
            ScrollView {
//LazyVGrid 自定義列數(shù)與高寬比例,aspectRatio 高寬比
                LazyVGrid(columns: [GridItem(), GridItem(),GridItem()]) {
                    ForEach(emojis[0..<emojiCount], id: \.self) { emoji in
                        CardView(content: emoji)}
                    .aspectRatio(2/3, contentMode: .fit)
                }
            }
            .foregroundColor(.red)
            Spacer()
            HStack {
                add
                Spacer()
                remove
            }
            .font(.largeTitle)
        }
        .padding()
    }
?著作權(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)容