React Native Advanced Dropdown
A react native component for creating highly customizable, paginated and searchable dropdown menus.
Advanced dropdown menu is born with need of a searchable and paginated dropdown menu.
Installation
npm install --save react-native-advanced-dropdownTry it out
For trying, you can check the example app at https://github.com/egeucak/Advanced-Dropdown-Menu-Example.
Documentation [WIP]
Props
| Prop | Required | Default | Type | Explanation |
|---|---|---|---|---|
| data | Yes | na | [Object] | Array of objects, each object must have a "label" key. Objects can also have an optional func field, which will be run on click. |
| title | Yes | na | String | The title to be shown on the label of dropdown button |
| pagination | No | true | bool | Pagination can be disabled. |
| perPage | No | 999 | integer | Amount of items to be shown on one page. |
| searchEnabled | No | true | bool | Search function searchs with respect to labels of data objects |
| dropdownStyle | No | {} | CSS object | CSS to be injected in dropdown menu |
| buttonStyle | No | {} | CSS object | CSS to be injected in button that opens dropdown menu |