NativeScript on iPhone Duo

A NativeScript + Angular app adapted to iPhone Duo, Apple's foldable. "Pioneers" is a list/detail demo that responds to the hinge in real time, driving the iOS 27.1 foldable APIs directly from TypeScript.

• Hinge tracking – UIHingeInteraction streams the fold angle and pose (Closed, Book, Tabletop, Open) into Angular signals, shown in a Liquid Glass HUD.
• Fold-aware layout – UIArrangementViewController hosts NativeScript views, splitting list and detail across the fold when open and collapsing to standard navigation on the outer display.
• Reserved regions – content stays clear of the fold using UIViewReservedRegion.
• Vertical bars – ActionBar items adapt to Duo's vertical bar edge.

The Duo integration lives in src/app/duo.

ns-duo.mp4

Run it

Requires Xcode 27.1+ with the iPhone Duo simulator.

npm i -g nativescript@next
npm install
npm run ios

Boot the iPhone Duo simulator first so the CLI targets it (or run npm run ios -- --device "iPhone Duo"), then fold and unfold it with the pose controls in Device Hub.

Stack

NativeScript 9.1 · Angular 22 · Vite · Tailwind CSS