SwiftUI BottomSheet
  • August 7, 2025

preview preview

Usage


Same way as you use Sheet in SwiftUI

NavigationView {
List(0..<20) {
Text(“\($0)”)
}.listStyle(PlainListStyle())
.bottomSheet(isPresented: $isPresented, height: 300) {
List(20..<40) { Text(“\($0)”) }.listStyle(PlainListStyle())
}
.navigationBarTitle(“Bottom Sheet”)
.navigationBarItems(
trailing: Button(action: { self.isPresented = true }) {
Text(“Show”)
}
)
}

Example


Both demo preview code are available in example project.

To run the example project, clone this repo, and open iOS Example.xcworkspace from the iOS Example directory.

Installation


📱 iOS 13.0+

Swift Package Manager

To install BottomSheet using Swift Package Manager, add .package(name: "BottomSheet", url: "https://github.com/weitieda/bottom-sheet", from: "1.0.0")," to your Package.swift, then follow the integration tutorial here.

CocoaPods

To install BottomSheet using CocoaPods, add pod 'BottomSheet', :git => 'https://github.com/weitieda/bottom-sheet.git' to your Podfile, then follow the integration tutorial here.

GitHub


View Github

YOU MIGHT ALSO LIKE...
Snap

A customizable Snapping Drawer à la Apple Maps, Apple Music, Stocks, Overcast, etc.. 100% in SwiftUI This is heavily inspired ...

SwiftUI Drawer

A SwiftUI bottom-up controller, like in the Maps app. Drag to expand or minimize. Contents Add the Package Basic Usage ...

Shapes

Morphi – Μορφ

Morphi provides some additional shapes for SwiftUI.  Triangle  Parallelogram(topLeftAngle)  Polygon(sides)  RoundedPolygon(sides, cornerRadius)  Heart  Moon(angle)  PlusSign(width)  Star(points)  Wave(isUp, width, offset)  SuperEllipse(n)  Drop  Ring(radius) (to ...

SwiftUI Shapes

Collection of custom shapes Regular Polygons