0.1.4 • Published 7 years ago
react-native-js-cascade-picker v0.1.4
react-native-js-cascade-picker
A pure JavaScript animated component that renders a picker with a cascade effect. Useful for navigation bars.
Getting started
$ yarn add react-native-js-cascade-picker
Usage
import CascadePicker from 'react-native-js-cascade-picker'
// Render your component
<CascadePicker
options={[{ value: 2, label: 'Two' }, { value: 4, label: 'Four' }]}
valueSelected={this.state.val}
onChange={(option: ?Object) => {
if (option) {
this.setState({ val: option.value })
}
}}
pickerText='Select one'
/>API
| Props | Type | Description | Required |
|---|---|---|---|
options | Array<Option> | Yes | |
pickerText | string | Yes | |
onChange | Function | Returns an Option. | Yes |
valueSelected | any | A value to match into the Options. | |
mainColor | string | ||
selectedColor | string | Color for the selected item. | |
itemColor | string | Color for the items. | |
separatorColor | string | Color for the separator. | |
selectedTextColor | string | ||
optionTextStyle | any | Style for the text option. |
License
MIT.
Author
Álvaro Medina Ballester <amedina at apsl.net>
Built with 💛 by APSL.