This content originally appeared on HackerNoon and was authored by Vaibhav
#30DaysOfSwift—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! 🎉
This content originally appeared on HackerNoon and was authored by Vaibhav
Vaibhav | Sciencx (2024-10-27T14:15:54+00:00) How to Design Native Alerts in SwiftUI – #30DaysOfSwift Day 16. Retrieved from https://www.scien.cx/2024/10/27/how-to-design-native-alerts-in-swiftui-30daysofswift-day-16/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.