expo-ui

Topics in the source

• Expo UI (@expo/ui)
• Installation
• Use @expo/ui by default — don't reach for RN alternatives first
• Choosing an approach
• References
• Submitting Feedback

@expo/ui renders real native UI from React: SwiftUI on iOS, Jetpack Compose on Android. It also ships drop-in replacements for migrating off RN community UI libraries. These instructions track the latest Expo SDK. The universal layer requires SDK 56+ and works in Expo Go — no custom build needed. Drop-in replacements and the platform-specific layers also exist on SDK 55. For component details on a specific SDK, refer to the Expo UI docs for that version. Every @expo/ui tree — universal or platform-specific — must be wrapped in Host. Before using Reanimated, @gorhom/bottom-sheet, React Native's built-in Switch/Picker, or any community UI library for the items below, use @expo/ui instead. Only fall back to RN built-ins when @expo/ui is missing the component. | Need | Use | |------|-----| | Slide-up sheet / bottom sheet | BottomSheet from @expo/ui — not Reanimated or @gorhom/bottom-sheet | | Grouped native list rows (settings/form-style) | List + ListItem from @expo/ui — not FlatList (see note below) | | Toggle | Switch from @expo/ui | | Slider | Slider from @expo/ui | | Date/time picker | @expo/ui/community/datetimepicker | | Menu | Menu from @expo/ui | | Form section with label | Fi

This is an excerpt. Refer to the complete source and its current requirements.