DropView is a SwiftUI-based library to display alerts inspired by the Apple Pencil and pasteboard stock ones.
What are some features I can expect from this library?
- Dark mode
- Interactive dismissal
- Dynamic font sizing
- Accessibility support
- Custom positioning (
.top,.bottomand.center)
Status
You can find all changelogs directly under every release.
What's next?
Milestones and issues are the best way to keep updated with active developement.
Feel free to contribute by sending a pull request. Just remember to refer to our guidelines and Code of Conduct beforehand.
Installation
Swift Package Manager (Xcode 11 and above)
- Select
File/Swift Packages/Add Package Dependency…from the menu. - Paste
https://github.com/sbertix/DropView.git. - Follow the steps.
- Add DropView.
Why not CocoaPods, or Carthage, or
blank?
Supporting multiple dependency managers makes maintaining a library exponentially more complicated and time consuming.
Furthermore, with the integration of the Swift Package Manager in Xcode 11 and greater, we expect the need for alternative solutions to fade quickly.
Usage
DropView allows you to present alerts just like sheets and fullScreenCovers.
Just call .drop($drop) on any View.
Example
import SwiftUI
import DropView
struct YourView: View {
/// An optional `Drop` binding.
@State var drop: Drop?
/// The current posiiton.
@State var alignmentValue: Int = 0
/// Autohides after a given amount of seconds.
@State var seconds: TimeInterval = 2
/// The vertical alignment.
private var alignment: VerticalAlignment {
switch alignmentValue {
case 1: return .center
case 2: return .bottom
default: return .top
}
}
/// The underlying view.
var body: some View {
VStack(spacing: 8) {
Slider(value: $seconds, in: 2...10)
.padding(.horizontal)
Picker("Alignment", selection: $alignmentValue) {
Text("Top").tag(0)
Text("Center").tag(1)
Text("Bottom").tag(2)
}
Button(action: {
drop = .init(title: "DropView",
subtitle: "github.com/sbertix/DropView",
icon: Image(systemName: "hand.wave.fill").resizable(),
action: Image(systemName: "star.circle.fill").resizable())
}) {
Text("Present").bold()
}
Button(action: {
drop = nil
}) {
Text("Hide").foregroundColor(.red)
}
}
.drop($drop, hidingAfter: seconds, alignment: alignment)
}
}
Special thanks
Massive thanks to anyone contributing to omaralbeik/Drops for the inspiration.
841 Dec 6, 2022
1.1k Dec 29, 2022
8 Sep 7, 2022
70 Nov 20, 2022
2 Aug 24, 2022
1.1k Dec 18, 2022
11 Apr 22, 2022
3 Jun 3, 2021
37 Dec 9, 2022
17 Sep 8, 2022
6.1k Jan 4, 2023
63 Jan 5, 2023
3.7k Dec 25, 2022
4.5k Jan 9, 2023
109 Jun 24, 2022
581 Dec 2, 2022
438 Nov 20, 2022
43 Dec 29, 2022
1.4k Dec 10, 2021