Setting the file. One moment.
Subchapter 21.1
references/drop-in-replacements.mdMarkdown2 KBView on GitHub
@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.
Every drop-in lives under @expo/ui/community/<kebab-case-name>. Note which are default vs named imports.
| Replaces | Import |
|---|---|
@gorhom/bottom-sheet | import BottomSheet, { BottomSheetView } from '@expo/ui/community/bottom-sheet' |
@react-native-community/datetimepicker | import DateTimePicker from '@expo/ui/community/datetime-picker' |
@react-native-masked-view/masked-view | import { MaskedView } from '@expo/ui/community/masked-view' |
@react-native-menu/menu | import { MenuView } from '@expo/ui/community/menu' |
react-native-pager-view | import PagerView from '@expo/ui/community/pager-view' |
@react-native-picker/picker | import { Picker } from '@expo/ui/community/picker' |
@react-native-segmented-control/segmented-control | import SegmentedControl from '@expo/ui/community/segmented-control' |
@react-native-community/slider | import Slider from '@expo/ui/community/slider' |
Each component has a dedicated docs page with setup and usage:
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.