Building Alerts in iOS 18 - #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! 🎉