An alternative Grid View for old platforms.
If your minimum deployment target is lower than iOS 16, macOS 11, watchOS 9 or tvOS 16, you may need to use AdaptiveGrid as to support older platforms.
Otherwise, go ahead and use SwiftUI’s built in Grid.
- iOS 14.0+
- macOS 11.0+
- tvOS 14.0+
- watchOS 7.0+
It’s similar to SwiftUI’s native Grid, so you can quickly gettting started.
AdaptiveGrid {
GridRowContainer {
GridCellContainer {
Text("Hello")
}
GridCellContainer {
Image(systemName: "globe")
}
}
GridRowContainer {
GridCellContainer {
Image(systemName: "hand.wave")
}
GridCellContainer {
Text("World")
}
}
}
You can specify both horizontal and vertical spacing just like how you use the SwiftUI’s native Grid view.
AdaptiveGrid(horizontalSpacing: 10, verticalSpacing: 10) {
...
}If you want to add dividers as row seperators, specify showDivider to true.
AdaptiveGrid(showDivider: true) {
...
}Currently, Adaptive Grid takes the maximum space horizontally, which is the same with SwiftUI’s built-in Grid with Dividers added, so you may need to specify a width or maxWidth manually to control the size.