one({
  native: {
    app: {
      name: 'MyApp',
      ios: {
        bundleId: 'com.example.myapp',
        screensGamma: true,
      },
      android: { applicationId: 'com.example.myapp' },
    },
  },
})

one prebuild adds the Podfile setting before CocoaPods runs. For an existing native project that One did not generate, add ENV['RNS_GAMMA_ENABLED'] ||= '1' to the top of its Podfile. The SplitView.Column markers must be direct children of SplitView; One maps them to the native screen columns and supplies the routed detail through slot.

import { One } from 'one'

function Layout() {
  return (
    <One.iOS.SplitView slot={Detail}>
      <One.iOS.SplitView.Column>
        <SidebarContent />
      </One.iOS.SplitView.Column>
    </One.iOS.SplitView>
  )
}

Place SplitView in a root layout. It can render through Slot, but cannot be nested inside Stack, Tabs, Drawer or another SplitView. One rejects that placement before mounting the native split controller.

On iPhone, SplitView collapses to a single column automatically. SplitView.Inspector marks an inspector column the same way SplitView.Column marks a sidebar column.

PreviousToolbar and Menus

Zoom Transitions

Edit this page on GitHub.