iPhone SwiftUI layouts

Explore SwiftUI APIs, components, and modifiers with interactive iPhone previews, Swift code, and Apple documentation. Compare every available orientation, appearance, and design.

Alert

Message Error Alert

Presents an alert with a message when an error is present.

Explore Message Error Alert on iPhone in portrait, with SwiftUI code and Apple API documentation.

SwiftUI code

Full details Docs 
enum FooError: LocalizedError {
    case bar

    var errorDescription: String? {
        switch self {
            case .bar:
            return "Bar error occurred."
        }
    }

    var message: String {
        switch self {
            case .bar:
            return "This is a message for the Bar error."
        }
    }
}

@State private var error: FooError? = .bar

var body: some View {
    Text("Foo")
        .alert(error: $error) { errorItem in
            Button("OK") {
                print("\(errorItem) nilled")
            }
        } message: { errorItem in
            Text(errorItem.message)
        }
}

Compatibility

iOS 27.0+ iPadOS 27.0+ macOS 27.0+ watchOS 27.0+ tvOS 27.0+ visionOS 27.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPhone screenshot for Message Error Alert.

1 views