Skip to main content
Version: Next 🚧

Migrate from react-native-picker-select

- <RNPickerSelect
- items={[{ label: 'Football', value: 'football' }]}
- onValueChange={setSport}
- value={sport}
- placeholder={{ label: 'Select a sport…', value: null }}
- />
+ <SelectPicker
+ options={[{ label: 'Football', value: 'football' }]}
+ onChange={setSport}
+ value={sport}
+ placeholder="Select a sport…"
+ />
react-native-picker-selectReact Native Pickers
itemsoptions (adds description, icon, group, keywords)
onValueChange(value, index)onChange(value, option)
valuevalue
placeholder={{ label }}placeholder="…"
disableddisabled
onOpen / onCloseonOpen / onClose
doneTextsheet={{ confirmLabel }} (Done shown with closeOnSelect={false} / multiple)
style={{ inputIOS, inputAndroid }}styles={{ trigger, triggerText, placeholder }}
—multiple, searchable, clearable, maxSelected, renderTrigger, renderOption

Want an iOS-style wheel instead of a list? Use WheelPickerSheet.

See all migration guides for other libraries, and Comparison for when another library is the better choice.