A iOS style picker components for ReactNative. It's forked from react-native-wheel-picker.

Cross platform Picker component based on React-native.

Since picker is originally supported by ios while Android only supports a ugly Spinner component. If you want to have the same user behaviour, you can use this.

The android component is based on https://github.com/AigeStudio/WheelPicker which runs super fast and smoothly. It also supports curved effect which make it exactly the same looking and feel as the ios picker.

Run command

For apps using RN 0.32 or higher, please run

npm i react-native-wheel-picker --save

For apps using RN 0.31 or less, please run

npm install --save --save-exact [email protected]

Configration:

react-native link rn-wheel-picker

import { Picker, DatePicker } from 'rn-wheel-picker'

// use DatePicker
<DatePicker mode="date" />

// use Picker
<Picker
  style={{flex: 1}}
  selectedValue={1}
  pickerData={[1, 2, 3, 4, 5, 6]}
  onValueChange={(value) => this.setState({value})}
/>