Day 16: Alerts – Designing Native Alerts in SwiftUI 🚨
Today, we’ll focus on using the native alert options available in SwiftUI.
SwiftUI provides a straightforward way to display alerts like this:
Why Use Native Alerts?
- Simplicity: SwiftUI’s native alerts are easy to implement and require minimal code.
- System Integration: They provide a familiar look and feel, ensuring consistency across iOS applications.
- Accessibility: Native alerts come with built-in accessibility support, making your app more user-friendly.
Code Example: Creating a Native Alert
import SwiftUI
struct ContentView: View {
@State private var showAlert = false // State variable to control alert visibility
var body: some View {
VStack {
Button("Show Alert") {
showAlert.toggle() // Toggle alert visibility
}
.alert(isPresented: $showAlert) { // Present the alert when showAlert is true
Alert(
title: Text("Alert Title"), // Title of the alert
message: Text("This is an alert message."), // Message to display
primaryButton: .default(Text("Confirm")) {
// Action to perform on Confirm
print("Confirmed!")
},
secondaryButton: .cancel() // Action to perform on Cancel
)
}
}
.padding()
}
}
Try implementing native alerts in your app to manage user interactions effectively!
The full series is available on my profile and the components can also be found at shipios.app/components.
Happy Coding! 🎉