Interactive previews iPhone Duo

Only Horizontal Split Arrangement Style

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

Only Horizontal Split Arrangement Style - Preview Not Available

Platform Compatibility

iOS 27.1+ iPadOS 27.1+

Tags

SwiftUI Code

Docs
ArrangementView {
    Color.blue
} secondary: {
    Color.orange
}
.arrangementViewStyle(.split.axes(.vertical))

Found an issue or have a suggestion?

Created: September 24, 2026Updated: October 5, 2026
Connect Wizard

Connect Wizard

Unlock insights App Store Connect doesn’t show you.

Get Started

More ArrangementView Components

View all
Overlay Arrangement ZIndex - iOS on iPhone Duo - Landscape - Fully Open - Liquid Glass - Light Mode - Preview
environment

Overlay Arrangement ZIndex

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

Overlay Arrangement Edge - iOS on iPhone Duo - Landscape - Partially Open - Liquid Glass - Light Mode - Preview
modifier

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.

Overlay Arrangement Style - iOS on iPhone Duo - Landscape - Fully Open - Liquid Glass - Light Mode - Preview
style

Overlay Arrangement Style

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

Split Arrangement Layout Ratio - iOS on iPhone Duo - Landscape - Fully Open - Liquid Glass - Light Mode - Preview
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.

ArrangementView - iOS on iPhone Duo - Landscape - Fully Open - Liquid Glass - Light Mode - Preview
initializer

ArrangementView

Creates an arrangement view with a primary and secondary view.

Explore Other Components

Browse all
GroupBox With Label - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

GroupBox With Label

A GroupBox with Label

AccessoryLinearGaugeStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

AccessoryLinearGaugeStyle

A gauge style that displays bar with a marker that appears at a point along the bar to indicate the gauge’s current value

CircularProgressViewStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

CircularProgressViewStyle

The style of a progress view that uses a circular gauge to indicate the partial completion of an activity

Menu Section - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
content

Menu Section

A Section inside a Menu

Move Disabled - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
modifier

Move Disabled

Adds a condition for whether the view’s view hierarchy is movable.

List Badge Prominence - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
modifier

List Badge Prominence

Specifies the prominence of badges created by this view.

EditButton - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
type

EditButton

A button that toggles the edit mode environment value

LinearProgressViewStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

LinearProgressViewStyle

A progress view that visually indicates its progress using a horizontal bar