Skip to main content
Version: v0.30.x

Migration

Prop-by-prop guides from popular packages. Most migrations are a rename plus switching callbacks to (value) => ….

Compared with native pickers, your users keep a native look: the iOS design on iOS, Material Design on Android and the web design in the browser, by default. Set design="ios" on PickersProvider if you'd rather show the same look everywhere. See Designs.

Coming fromUse
@react-native-community/datetimepickerDatePicker, TimePicker, DateTimePicker
react-native-date-pickerDateWheelPicker, TimePicker, DatePickerSheet
react-native-modal-datetime-pickerDatePickerSheet, TimePickerSheet, DateTimePickerSheet
react-native-calendarsDatePicker
react-native-ui-datepickerDatePicker, DateTimePicker
react-native-picker-selectSelectPicker
react-native-dropdown-pickerSelectPicker
react-native-element-dropdownSelectPicker
@react-native-picker/pickerWheelPicker or SelectPicker
@react-native-segmented-control/segmented-controlHorizontalList
react-native-country-picker-modalCountryPicker
react-native-phone-number-inputPhoneField
rn-emoji-keyboardEmojiPickerSheet
@react-native-community/sliderSlider
@ptomasroos/react-native-multi-sliderSlider with range
react-native-otp-entryOtpField
react-native-confirmation-code-fieldOtpField
react-native-ratingsRating
react-native-star-rating-widgetRating
@gorhom/bottom-sheetBottomSheet
react-native-modalBottomSheet
react-native-actions-sheetBottomSheet or ActionSheet
@expo/react-native-action-sheetActionSheet
@react-native-menu/menuMenu
zeegoMenu
react-native-popup-menuMenu

Not sure it's the right fit? Comparison shows when another library is the better choice.