LazyHList
LazyVStack and LazyHStack does load content lazly however they do not use dequeeing logic. If you have thousands of views, SwiftUI will create and keep them all in memory.
LazyHList uses CollectionView under the hood to bring lazy loading and dequeeung into SwiftUI
Installation
Install using Swift Package Manager.
- File > Swift Packages > Add Package Dependency
- Add https://github.com/sezertunca/LazyHList.git
- Select "Up to Next Major" with "1.0.0"
Example of usage
import SwiftUI
struct Model: Identifiable {
let id: String
let imageUrl: String = "https://picsum.photos/200"
}
struct HListViewCell : View {
let model: Model
init(model: Model) {
self.model = model
debugPrint("🟢 Creating cell: \(model.id)")
}
var body: some View {
AsyncImage(url: URL(string: model.imageUrl))
.frame(width: 100, height: 100)
.clipped()
}
}
struct HListView: View {
private var items: [Model] {
return (0...200).map { Model(id: $0.description) }
}
var body: some View {
LazyHList(
items: self.items,
itemSize: .fixed(.init(width: 100, height: 100)),
itemSpacing: .init(mainAxisSpacing: 10, crossAxisSpacing: 30),
cell: HListViewCell.init)
.frame(height: 100)
}
}
struct HListView_Previews: PreviewProvider {
static var previews: some View {
HListView()
}
}
0 Dec 26, 2021
210 Nov 22, 2022
326 Dec 29, 2022
1.8k Jan 4, 2023
409 Dec 6, 2022
290 Nov 13, 2022
166 Dec 21, 2022
18 Aug 9, 2022
42 Dec 28, 2022
48 Nov 6, 2021
673 Dec 19, 2022
663 Nov 26, 2022
1.8k Dec 30, 2022
1 Dec 29, 2021
5 Apr 17, 2022
8 Aug 1, 2022
1 Dec 29, 2021
5 Apr 17, 2022
0 Nov 24, 2021
752 Dec 31, 2022
3 Nov 17, 2022
2 Aug 28, 2022
3 Nov 2, 2022
9 Dec 26, 2022
82 Jan 29, 2022
6 Dec 5, 2022