react-native-pickr


Renders a native picker component for iOS and Android. On iOS, the picker renders within a transparent Modal component fixed at the bottom of the screen. Androind uses the OOB Picker.

!ios
!android

Installation

yarn add react-native-pickr

Props

$3

Options that will populate the dropdown. Must be an array of objects in the format:
{ label: , value: }

$3

Value matching one of the items in options. Can be a string or an integer.

$3

Callback for when an item from options is selected. Called with the following parameter:

- itemValue: item that was selected from options

Usage

``javascript
import React, { Component } from 'react';
import Pickr from 'react-native-pickr';

export default class App extends Component {
constructor(props) {
super(props);
this.state = {
selectedUsState: 'NJ',
}
this._onChange = this._onChange.bind(this);
}

_onChange(value) {
this.setState({selectedUsState: value});
}

render() {
return (
options={[{label: 'New Jersey', value: 'NJ'}, {label: 'Pennsylvania', value: 'PA'}, {label: 'West Virginia', value: 'WV'}]}
selectedOption={this.state.selectedUsState}
onChange={this._onChange}
/>
);
}
}
``