Interactive previews iPhone Duo

Overlay Arrangement Edge

The horizontal edge a view in an overlay arrangement occupies when the arrangement transitions to a horizontal layout. In this case, the primary view overlays the secondary view at the trailing edge when the screen is partially open in landscape.

Platform Compatibility

iOS 27.1+ iPadOS 27.1+

SwiftUI Code

Docs

ArrangementView {
    Color.blue
        .frame(width: 210, height: 210)
        .overlayArrangementEdge(.trailing)
} secondary: {
    Color.orange
}
.arrangementViewStyle(.overlay)

Found an issue or have a suggestion?

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

More ArrangementView Components

View all

environment

Overlay Arrangement ZIndex

The z-index for a view within an overlay arrangement view.

style

Overlay Arrangement Style

An arrangement view style that layers the primary view over the secondary view in z-order.

style

Only Horizontal Split Arrangement Style

Creates a horizontal split arrangement only in portrait orientation. In landscape orientation, no split is applied.

modifier

Split Arrangement Layout Ratio

Sets the preferred size ratio for an arrangement view in a split style. Use this modifier when you want to customize the size of the view compared to its other views in the split layout.