APDynamicGrid
Overview
APDynamicGrid is a SwiftUI package that helps you create consistent and animatable grids. The DynamicGrid View preserves the same width, adjusting the last elements consistently.
Usage
Define your model adopting the Hashable and Identifiable protocols
struct Entry : Identifiable, Hashable {
let id = UUID()
// ...
}
and wrap it with the @State decorator
var body : some View {
private @State var entries : [Entry]
// number of columns is a @State var too
private @State var columns : Int
ScrollView {
DynamicGrid(columns: $columns, data: $entries) { entry in
MyCustomCell(entry: entry)
}
}
}
Entries can be animated registering a @Namespace with the unique id
var body : some View {
private @State var entries : [Entry]
private @State var columns : Int
// add a namespace
private @Namespace var namespace
ScrollView {
DynamicGrid(columns: $columns, data: $entries) { entry in
MyCustomCell(entry: entry)
// register the namespace
.matchedGeometryEffect(id: entry.id, in: namespace)
}
// apply animations
.animation(.default)
}
}
Installation
Xcode Project
You have to select File -> Swift Packages -> Add Package Dependency and enter the repository url https://github.com/antoniopantaleo/APDynamicGrid.git
Swift Package Manager
You have to add the package as a dependency in your Package.swift file
let package = Package(
//...
dependencies: [
.package(url: "https://github.com/antoniopantaleo/APDynamicGrid.git", upToNextMajor(from: "1.0.0")),
],
//...
)
1 Oct 19, 2021
0 Nov 1, 2021
68 May 25, 2022
168 Jan 3, 2023
378 Dec 13, 2022
515 Dec 28, 2022
920 Dec 14, 2022
454 Nov 9, 2022
73 Oct 17, 2022
102 Jan 5, 2023
60 Dec 17, 2022
950 Oct 17, 2022
84 Feb 4, 2022
1.9k Jan 7, 2023
1.5k Dec 23, 2022
620 Nov 11, 2022
6 Dec 17, 2022
0 Jan 11, 2022
2 Dec 18, 2021