Duplicates a view into mirrored copies around its edges, creating an extended background effect.
14.1% of iOS users can use this modifier
iOS 26+ required
.backgroundExtensionEffect() Creates mirrored edge extensions
Extend an image background beyond its bounds
Image("photo")
.resizable()
.aspectRatio(contentMode: .fit)
.backgroundExtensionEffect()Apply background extension with fallback for older iOS
Image("photo")
.resizable()
.aspectRatio(contentMode: .fit)
.modifier(BackgroundExtension())
struct BackgroundExtension: ViewModifier {
func body(content: Content) -> some View {
if #available(iOS 26, *) {
content.backgroundExtensionEffect()
} else {
content
}
}
}Loading related modifiers...
If your app supports iOS versions older than 26, you can use #available to conditionally apply this modifier:
if #available(iOS 26, *) {
myView.backgroundExtensionEffect()
} else {
// Fallback for older iOS versions
myView
}Check the code examples above for specific #available patterns with this modifier.
The .backgroundExtensionEffect() modifier requires iOS 26 or later. This means 14.1% of current iOS users can use this modifier.
Yes! Use #available(iOS 26, *) to conditionally apply this modifier only on devices running iOS 26 or later, with a fallback for older versions.
Apply the .backgroundExtensionEffect() modifier to any SwiftUI view. Check the code examples above for usage patterns.
Visit the official Apple documentation for detailed information.