StaggeredList

A Staggered Pinterest Like Layout using SwiftUI

Alt text

Installation

Add the dependency to your target/project using Swift Package Manager
Import framework in your source

How to use

Initialize StaggeredLayoutList passing your collection that conforms to Identifiable. Vertical and Horitontal Spacing can be passed for adding padding between items. Also Section Insets can be passed to add inset to the List.

StaggeredLayoutList(data: self.notes, numberOfColumns: self.numberOfColumns, horizontalSpacing: self.spacing, verticalSpacing: self.spacing, sectionInsets: sectionInset) {
    NoteView(note: $0)
}

Sample App (iOS, macOS, watchOS, tvOS)

https://github.com/alfianlosari/SwiftUIStaggeredNote

Special Thanks

Inspired by objc.io Swift Talk Building Collection View talk at: https://talk.objc.io/episodes/S01E168-building-a-collection-view-part-2