react-native-wheel-scroll-picker

react-native-wheel-scroll-picker

a pure js picker, each option item customizable

usage

npm install react-native-wheel-scroll-picker --save

import React, {Component} from 'react';
import ScrollPicker from 'react-native-wheel-scroll-picker';
 
export default class SimpleExample extends Component {
 
    render() {
        return(
             <ScrollPicker
                  dataSource={[
                       'a',
                       'b',
                       'c',
                       'd',
                  ]}
                  selectedIndex={1}
                  renderItem={(data, index, isSelected) => {
                      //
                  }}
                  onValueChange={(data, selectedIndex) => {
                      //
                  }}
                  wrapperHeight={180}
                  wrapperWidth={150}
                  wrapperBackground={'#FFFFFF'}
                  itemHeight={60}
                  highlightColor={'#d8d8d8'}
                  highlightBorderWidth={2}
                  activeItemColor={'#222121'}
                  itemColor={'#B4B4B4'}
                />
        )
    }
}