SwiftUI初级课程（二十五）LazyVGrid/LazyHGrid 网格视图

// LazyVGrid/LazyHGrid 网格布局，可以自由调整网格中的单元格尺寸
struct ContentView: View {
    // 初始化一个数组，数组元素GridItem。是对单个网格项目（行，或列）的描述。可以设置单元格的尺寸和间距。
    var items: [GridItem] = [
        GridItem(GridItem.Size.flexible(), spacing: 10) // 拥有1列，网格想的宽度和网格尺寸保持一致，网格项间距为10.
        , GridItem(GridItem.Size.flexible(minimum: 160), spacing: 10)
        , GridItem(GridItem.Size.flexible(), spacing: 10),
    ]
    var body: some View {
        ScrollView // 滚动视图，作为LazyVGrid的容器。
            {
                LazyVGrid(columns: items, content: { // 初始化一个LazyVGrid，惰性，在需要之前，不会创建
                    ForEach(1 ... 10, id: \.self) // 添加网格视图元素
                        { index in
                            Image("avatar-\(index)")
                                .resizable()
                                .frame(height: 100) // 添加图像视图，高度为100
                        }
                })
            }
            .padding()
    }
}