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.