Optimized for iPhone Duo

Mail

Apple

App Store

Duo Features

How this app behaves on Duo

Mail on iPhone Duo stays a single column when closed so the selected message fills compact width, then opens into regular-width columns with the inbox beside that message. Navigation, back, and message actions sit along the trailing edge so vertical space stays free for the body on Duo’s shorter displays.

Copyable developer patterns

  1. 01

    Size-class list-detail columns

    Treat compact width as a stack and regular width as inbox-beside-message. Mail is Apple’s reference for this, not a Duo-only layout API.

  2. 02

    Vertical bars on the trailing edge

    Move navigation, back, and message actions to the side so the shorter Duo displays keep vertical space for the message body.

  3. 03

    NavigationSplitView, not a device check

    Collapse and expand with NavigationSplitView or UISplitViewController from size class and trailing safe area. Do not special-case the Duo model.

Screenshots

Closed, open, and folded — only stills Apple has published.

FAQ

How does Mail work on iPhone Duo?

Mail on iPhone Duo stays a single column when closed, then opens into regular-width columns with the inbox beside the selected message. Side chrome keeps vertical space for the body on Duo’s shorter displays.

Why does Mail move controls to the side on Duo?

Mail uses vertical bars so navigation and message actions sit on the trailing edge. That is Apple’s reference pattern for recovering vertical space on Duo’s shorter displays.

Should Mail detect the iPhone Duo model?

No. Mail’s cited pattern is size class plus trailing safe area, so the same chrome still works when Mail is the left or right app in Split View. A device check is not the public guidance.

Last updated