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

``jsx
import CascadePicker from 'react-native-js-cascade-picker'

// Render your component
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 | | 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 `

Built with 💛 by APSL.