LazyVGrid设置一行5个元素
时间: 2023-09-19 13:10:56 浏览: 221
SwiftUIGraphQLPokedex:一个小应用程序,用于探索Apollo iOS,新的SwiftUI LazyVGrid等
要在LazyVGrid中设置一行显示5个元素,可以使用GridItem的span属性。例如,在SwiftUI中,可以这样编写代码:
```
LazyVGrid(columns: [GridItem(.flexible()), GridItem(.flexible()), GridItem(.flexible()), GridItem(.flexible()), GridItem(.flexible())], spacing: 10) {
ForEach(0..<20) { index in
Text("Element \(index)")
.frame(height: 50)
.background(Color.blue)
}
}
```
在这个例子中,我们创建了5个GridItem,每个都设置为.flexible(),这样它们可以根据屏幕的大小自动调整大小。我们还设置了spacing属性,这是每个元素之间的间距。在LazyVGrid中,我们使用ForEach循环来显示20个元素,每个元素都是一个Text视图,高度为50,背景颜色为蓝色。这样,每行将显示5个元素,因为我们有5个GridItem。
阅读全文