Web Analytics

PartitionKit

⭐ 242 stars English by kieranb662

Partition Kit

partition kit logo

Recently Featured In Top 10 Trending Android and iOS Libraries in October and in 5 iOS libraries to enhance your app!

grid

What is PartitionKit?

What PartitionKit is not ?

Requirements

PartitionKit as a default requires the SwiftUI Framework to be operational, as such only these platforms are supported:

How To Add To Your Project

Less Than 2 Minute Tutorial Video

Tutorial Video: How To Use PartitionKit

How To Use

Vertical Partition

`` Swift VPart(top: { MyTopView() }, bottom: { MyBottomView() }) { MyHandle() }

Horizontal Partition

  • Decide on what view you would like to have on Left, which you would like to have on the Right and optionally a Handle to be used to drag the partitions to different sizes.
  • Do This
Swift HPart(left: { MyLeftView() }, right: { MyRightView() }) { MyHandle() }

GridPartition

  • Decide on what Views will go in each corner TopLeft, TopRight, BottomLeft, BottomRight and optionally a Handle for the user to drag and resize the views with.
  • Do this
Swift GridPart(topLeft: { MyTopLeftView() }, topRight: { MyTopRightView() }, bottomLeft: { MyBottomLeftView() }, bottomRight: { MyBottomRightView() }) { MyHandle() }
## Examples 

Copy and Paste this I have added Named pictures for how the views should look, Im using dark mode so light mode colors may look different.

| HPart | VPart | GridPart | NestGrids | Mixed | |-------------------------|-------------------------|-------------------------------|----------------------------------------|-----------------------------| | HPart | VPart | GridPart | Nested Grid | Mixed |

Swift import SwiftUI import PartitionKit

struct ContentView: View { var vExample: some View { VPart(top: { RoundedRectangle(cornerRadius: 25).foregroundColor(.purple) }) { Circle().foregroundColor(.yellow) } } var hExample: some View { HPart(left: { RoundedRectangle(cornerRadius: 10).foregroundColor(.blue) }) { Circle().foregroundColor(.orange) } } var nestedExample: some View { VPart(top: { hExample }) { vExample } } var gridExample: some View { GridPart(topLeft: { RoundedRectangle(cornerRadius: 25).foregroundColor(.purple) }, topRight: { Circle().foregroundColor(.yellow) }, bottomLeft: { Circle().foregroundColor(.green) }) { RoundedRectangle(cornerRadius: 25).foregroundColor(.blue) } } var nestedGridsExample: some View { GridPart(topLeft: { gridExample }, topRight: { gridExample }, bottomLeft: { gridExample }) { gridExample } } var body: some View { nestedExample } }

struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } `

Todo

--- Tranlated By Open Ai Tx | Last indexed: 2026-05-11 ---