LazyVGrid

一种容器视图，它在垂直增长的网格中排列其子视图，仅在需要时创建项。

struct LazyVGrid<Content> where Content : View

使用教程

grid网格组件是惰性的，因为网格视图在需要它们之前不会创建项目。

在以下示例中，ScrollView包含一个LazyVGrid，该LazyVGrid由垂直排列的Text视图网格组成，并与滚动视图的顶部对齐。对于网格中的每一列，最上一行显示“ Smileys”组中的Unicode代码点，最下一行显示其对应的表情符号。

 var columns: [GridItem] =
         Array(repeating: .init(.flexible()), count: 2)
 ScrollView {
     LazyVGrid(columns: columns) {
         ForEach((0...79), id: \.self) {
             let codepoint = $0 + 0x1f600
             let codepointString = String(format: "%02X", codepoint)
             Text("\(codepointString)")
             let emoji = String(Character(UnicodeScalar(codepoint)!))
             Text("\(emoji)")
         }
     }.font(.largeTitle)
 }

SwiftUI LazyVGrid 基础使用(教程含代码)

SwiftUI LazyVGrid 基础使用(教程含代码)

LazyVGrid

使用教程

推荐

基础文章推荐

经典教程推荐

技术源码推荐

推荐文章

CoreData篇

Combine篇

TextField篇

JSON文件篇

一篇文章系列

技术交流