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.

StoreView

Icon Phase Store View

Creates a view to load a collection of products from the App Store using product identifiers, and merchandise them using their promotional images and a custom placeholder icon.

Explore Icon Phase Store View on iPhone in portrait, with SwiftUI code and Apple API documentation.

SwiftUI code

Full details Docs 
StoreView(ids: ["auto_renewable_subscription_1", "non_consumable_1"]) { _, productIconPhase in
    switch productIconPhase {
        case .loading:
        Label("Loading", systemImage: "arrow.2.circlepath.circle")
        case .failure(let error):
        Label("Error: \(error.localizedDescription)", systemImage: "exclamationmark.circle")
        case .unavailable:
        Label("Unavailable", systemImage: "questionmark")
        case .success(let promotedIcon):
        promotedIcon
            .resizable()
            .scaledToFit()
    }
} placeholderIcon: {
    ProgressView()
}

Compatibility

iOS 17.0+ iPadOS 17.0+ macOS 14.0+ watchOS 10.0+ tvOS 17.0+ visionOS 1.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPhone screenshot for Icon Phase Store View.

1 views