expo-ui
Build native UI with @expo/ui: real SwiftUI on iOS and Jetpack Compose on Android. Use for sheets, pickers, sliders, toggles, menus and grouped form sections, with drop-in replacements for React Native community libraries.
Install
npx skills add https://github.com/expo/skills --skill expo-uiDrop-in replacements for RN community libraries
@expo/ui ships API-compatible replacements for popular React Native community libraries, powered by native @expo/ui components (Jetpack Compose on Android, SwiftUI on iOS). Use these when migrating an existing app off a community UI dependency — the API matches the library being replaced, so the swap is usually just the import path.
Available replacements
Every drop-in lives under @expo/ui/community/<kebab-case-name>. Note which are default vs named imports.
Confirming the API
Each component has a dedicated docs page with setup and usage:
- Overview — https://docs.expo.dev/versions/latest/sdk/ui/drop-in-replacements/index.md
- Per component — https://docs.expo.dev/versions/latest/sdk/ui/drop-in-replacements/{component}/index.md (slug is the component name lowercased, no hyphens, e.g.
bottomsheet,datetimepicker,segmentedcontrol)
The installed package's TypeScript types (.d.ts) are the most reliable source of truth for the exact props on your SDK version (@expo/ui is versioned with the SDK and its API can change between versions). Use the doc page to find platform support and any props that differ from the library being replaced.