Async URL Image With Custom Placeholder

Loads and displays a modifiable image from the specified URL load request using a custom placeholder until the image loads.

Async URL Image With Custom Placeholder - iOS Liquid Glass Light Mode Preview

Platform Compatibility

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

Tags

SwiftUI Code

Docs
VStack {
            AsyncImage(request: URLRequest(url: slowURL)) { image in
                image.resizable(resizingMode: .tile)
                    .resizable()
                    .scaledToFit()
            } placeholder: {
                ProgressView()
            }

            AsyncImage(request: URLRequest(url: imageURL)) { image in
                image.resizable(resizingMode: .tile)
                    .resizable()
                    .scaledToFit()
            } placeholder: {
                ProgressView()
            }
            .frame(height: 100)
        }

Found an issue or have a suggestion?

Created: June 8, 2026Updated: June 8, 2026
Connect Wizard

Connect Wizard

Unlock hidden App Store Connect analytics

Pre-order