Interactive previews iPhone Duo

Reserved Regions

Returns the reserved regions for the given kind. A reserved region indicates that an area within a view’s coordinate space has been claimed by something the view does not own

Reserved Regions - Preview Not Available

Platform Compatibility

iOS 27.1+ iPadOS 27.1+

Tags

SwiftUI Code

Docs
var body: some View {
    GeometryReader { proxy in
        ZStack(alignment: .topLeading) {
            ForEach(proxy.reservedRegions(kind: .division)) { region in
                regionView(region, color: .blue)
            }

            ForEach(proxy.reservedRegions(kind: .occlusion)) { region in
                regionView(region, color: .orange)
            }
        }
    }
}

private func regionView(_ region: ReservedRegion, color: Color) -> some View {
    Rectangle()
        .fill(color)
        .frame(width: region.frame.width, height: region.frame.height)
        .offset(x: region.frame.minX, y: region.frame.minY)
}

Found an issue or have a suggestion?

Created: September 28, 2026Updated: September 28, 2026

Explore Other Components

Browse all
Sheet Size - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Sheet Size

Sets the available detents for the enclosing sheet.

UIKit Text Colors - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
type

UIKit Text Colors

The UIKit text colors that are also used in other components, such as the TextField

Fitted Sheet Sizing - iPadOS - Landscape - Liquid Glass - Light Mode - Preview
modifier

Fitted Sheet Sizing

Sets the sizing of the containing presentation. This does not have any effect on smaller devices like iPhone and Apple Watch. On macOS, fitted is the default.

Swipe Action - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Swipe Action

Adds custom swipe actions to a row in a list or container, notifying you when the actions are revealed or dismissed.

Semantic Colors - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
type

Semantic Colors

NavigationSplitView - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

NavigationSplitView

Creates a two-column navigation split view.

List Section Separator Tint - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
modifier

List Section Separator Tint

Sets the tint color associated with a section.

Manage Subscriptions Sheet - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Manage Subscriptions Sheet

Opens the manage subscriptions sheet.