SwiftUI simple pop up view implementation:
PopUp Library can be installed using Swift Package Manager.
Use the package URL to search for the PopUp package: https://github.com/maxgribov/PopUp
For how-to integrate package dependencies refer to Adding Package Dependencies to Your App documentation.
You can easily present a pop up with View modifier popUp. This is very similar how to present a sheet:
struct CustomAlertModel: Identifiable {
var id: UUID = UUID()
let title: String
let message: String
}
struct ContentView: View {
@State var customAlert: CustomAlertModel?
var body: some View {
Button("Show custom alert") {
customAlert = CustomAlertModel(
title: "Pop Up",
message: "Some message here..."
)
}
.popUp(item: $customAlert) { viewModel in
CustomAlert(viewModel: viewModel)
}
}
}
struct CustomAlert: View {
let viewModel: CustomAlertModel
var body: some View {
VStack {
Text(viewModel.title)
.font(.title)
Text(viewModel.message)
}
.padding(40)
.background(
RoundedRectangle(cornerRadius: 30)
.foregroundStyle(.white)
)
}
}There are few methods that you can use to customise look and behaviour of the pop up:
- popUpBackgroundMaterial: updates material for the dim view under the pop up view.
- popUpPresentAnimation: replaces the animation for the pop up show up.
- popUpDismissAnimation: replaces the animation for the pop up dismiss.
- popUpDismissOnBackgroundTap: enables or disables the pop up dismissal on user tap at the dim view outside of the pop up view.
struct ContentView: View {
@State var customAlert: CustomAlertModel?
var body: some View {
Group {
// ...
}
.popUp(item: $customAlert) { viewModel in
CustomAlert(viewModel: viewModel)
}
.popUpBackgroundMaterial(.ultraThin)
}
}PopUp does not have any background or a style for the content (like the system alert view is for example). The look of your popup you have implement by yourself.
This is not a modal view (like a sheet for example). It can not cover views above it.
It is possible to open many pop ups one above other. There is no limitations like for the sheet.
Swift 5.9
- iOS 15+
- macOS 12+
This project is licensed under the MIT License - see the LICENSE file for details