iPhone Duo SwiftUI layouts

Explore interactive SwiftUI previews across every available orientation and hinge state.

ArrangementView

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.

A bezel is not available for Partially Open yet. The screenshot is shown without one.

SwiftUI code

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

Compatibility

iOS 27.1+ iPadOS 27.1+

Tags

modifieroverlayArrangementEdge

Found an issue or have a suggestion?

All variants

Every available iPhone Duo screenshot for Overlay Arrangement Edge.

6 views