Example

Installation

Automatic Installation

Manual Android Installation

include ':react-native-wheel-picker-android'project(':react-native-wheel-picker-android').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-wheel-picker-android/android')

dependencies {    ...    compile project(':react-native-wheel-picker-android')}

@Overrideprotected List<ReactPackage> getPackages() {  return Arrays.<ReactPackage>asList(new MainReactPackage(), new WheelPickerPackage());}

Usage

import{WheelPicker,TimePicker,DatePicker}from"react-native-wheel-picker-android";importReact,{Component}from"react";import{AppRegistry,StyleSheet,Text,View,Button}from"react-native";constwheelPickerData=["sunday","monday","tuesday","wednesday","thursday","friday"];classMyPickerextendsComponent{state={selectedItem:0};onItemSelected=selectedItem=>{this.setState({ selectedItem});};onPress=()=>{this.setState({selectedItem:3});};render(){return(<Viewstyle={styles.container}><Buttontitle={"Select third element"}onPress={this.onPress}/><Text>Selected position:{this.state.selectedItem}</Text><WheelPickerselectedItem={this.state.selectedItem}data={wheelPickerData}onItemSelected={this.onItemSelected}/></View>);}}module.exports=MyPicker;

Props

Time Picker

onTimeSelected=date=>{}...<TimePickeronTimeSelected={this.onTimeSelected}/>

Props

Date Picker

onDateSelected=date=>{}...<DatePickeronDateSelected={this.onDateSelected}/>

Props

Questions or suggestions?