GridView - layout for collectionview

SwiftUI CollectionView

GridView – layout for collectionview

July 18, 2025

GridView is a free, and open-source library for SwiftUI that makes creating grids easier and much cleaner.

Improves code quality. Create a grid using GridView constructor – simply pass your data and we’ll deal with the rest. Simple as never!
Designed for SwiftUI. While developing the library, we have used the power of SwiftUI to give you powerful tool to speed up your implementation process.

Getting Started

✋ Requirements

Platforms	Minimum Swift Version
iOS 14+	5.0

⏳ Installation

Swift Package Manager

Swift Package Manager is a tool for automating the distribution of Swift code and is integrated into the Swift compiler.

Once you have your Swift package set up, adding GridView as a dependency is as easy as adding it to the dependencies value of your Package.swift.


                                              
                                                dependencies: [

.package(url: “https://github.com/Mijick/GridView”, branch(“main”))

]

Usage

1. Call initialiser

To declare a Grid for your data set, call the constructor:


                                              
                                                struct ContentView: View {

private let data = [SomeData]()
var body: some View {

GridView(data, id: \.self) { element in

SomeItem(element: element)

}

}

}

2. Customise Grid

Your GridView can be customised by calling configBuilder inside the initialiser:


                                              
                                                struct ContentView: View {

private let data = [SomeData]()
var body: some View {

GridView(data, id: \.self, content: SomeItem.init, configBuilder: { $0

.insertionPolicy(.fill)

.columns(4)

.verticalSpacing(12)

})

}

}

3. Declare number of columns

You can change the number of columns of an item by calling .columns of Item:


                                              
                                                struct ContentView: View { … }

struct SomeItem: View {

…
var body: some View {

…

.columns(2)

}

}

GitHub

View Github

#collectionview #flowlayout #gridlayout

YOU MIGHT ALSO LIKE...

August 28, 2025
SwiftUI

MijickPopups Hero

Popups Alerts Resizable Sheets Banners

August 27, 2025
SwiftUI

SwiftUI Tooltip

This package provides you with an easy way to show tooltips over any SwiftUI view, since Apple does not provide ...

August 27, 2025
SwiftUI
Uncategorized

SimpleToast for SwiftUI

SimpleToast is a simple, lightweight, flexible and easy to use library to show toasts / popup notifications inside iOS or ...

August 27, 2025
SwiftUI

SSToastMessage

Create Toast Views with Minimal Effort in SwiftUI Using SSToastMessage. SSToastMessage enables you to effortlessly add toast notifications, alerts, and ...

August 27, 2025
SwiftUI

ToastUI

A simple way to show toast in SwiftUI Getting Started • Documentation • Change Log