New toolbar, tab bar, and navigation bar axis behavior for iPhone Duo’s wider aspect ratio, where top/bottom controls move to a shared vertical region along the side of the display.
• iPhone Duo’s wider aspect ratio moves standard top/bottom bars to the side to preserve vertical content space
• Standard UINavigationController / UITabBarController / SwiftUI toolbar adoption gets this for free — custom bar views need explicit opt-in work
• Overflow behavior and visibility priority need to be set deliberately or important actions get hidden on the outer display
Configures a SwiftUI toolbar to adapt into iPhone Duo’s vertical bar region, with explicit overflow priority so the most important actions are the last to collapse.
import SwiftUI
struct InboxView: View {
@Environment(\.toolbarVerticalEdge) private var toolbarVerticalEdge
var body: some View {
NavigationStack {
MessageList()
.toolbar {
ToolbarItem(placement: .primaryAction) {
Button("Compose", systemImage: "square.and.pencil") { }
.visibilityPriority(.high)
}
ToolbarItem(placement: .bottomBar) {
Button("Archive", systemImage: "archivebox") { }
.visibilityPriority(.standard)
}
ToolbarItem(placement: .bottomBar) {
Button("Flag", systemImage: "flag") { }
.visibilityPriority(.low)
}
}
.toolbarVerticalCompressionBehavior(.prefersToolbarItems)
}
}
}
struct MessageList: View {
var body: some View { Text("Messages") }
}The foundational adaptation layer for iPhone Duo: build against the iOS 27 / 27.1 SDK, simulate poses with DeviceHub in Xcode, and use size classes (not interface orientation) to lay out across the outer and inner displays.
Apple’s design system for iPhone Duo’s reimagined iOS: controls move to the outer edge, content displaces away from the hinge, and interfaces adapt across held, used, and folded poses.
APIs for observing continuous hinge angle and open/closed state (onHingeChange / UIHingeInteraction), plus scene accessories that present supplementary content on iPhone Duo’s second display simultaneously with the main UI.
In-depth guide
iPhone Duo & Foldables in iOS 27 →• Prefer symbol-only toolbar items — text labels get truncated hard in vertical bars
• Use .toolbarVerticalBehavior(.disabled) to explicitly opt a screen out of vertical bars when it doesn’t make sense
• .visibilityPriority() controls what collapses into the overflow menu first — the default order may not match your app’s priorities
iPhone Duo hardware, or the DeviceHub simulator in Xcode 17+
A new layout container (ArrangementView in SwiftUI, UIArrangementViewController in UIKit) for split and overlay presentations that automatically query reserved regions — the hinge and camera housings — on iPhone Duo.