react-native-wheel-pick

react-native-wheel-pick

React native wheel picker for both iOS and android. (Support DatePicker)

Now : Support React 16 / Android SDK 26

This is not original but inspire by react-native-wheel-datepicker

How to use

npm i react-native-wheel-pick --save
react-native link react-native-wheel-pick

Example code

import { Platform } from 'react-native';
import { Picker, DatePicker } from 'react-native-wheel-pick';

const isIos = Platform.OS === 'ios'

// use Picker
<Picker
  style={{ backgroundColor: 'white', width: 300, height: 215 }}
  selectedValue='item4'
  pickerData={['item1', 'item2', 'item3', 'item4', 'item5', 'item6', 'item7']}
  onValueChange={value => { }}
  itemSpace={30} // this only support in android
/>

// use DatePicker
<DatePicker
  style={{ backgroundColor: 'white', height: 215, width: isIos ? 300 : undefined }} 
  // android not support width
  onDateChange={date => { }}
/>

Note

• Line only has in DatePickerIOS. (Cannot remove this time)
• For iOS use default PickerIOS / DatePickerIOS of React Native.
• For Android use WheelPicker of WheelPicker

Pull request are welcome for more support in future (Text / Line Style)