0.0.4 • Published 2 years ago

@rahulje9/rn-dropdown-picker v0.0.4

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

rn-dropdown-picker 🔥

license platforms Version npm

A simple and customizable React Native Dropdown picker component.

Installation

Supported version: react-native >= 0.59.0

npm install @rahulje9/rn-dropdown-picker

or

yarn add @rahulje9/rn-dropdown-picker

npm.io

Example

import DropDown from '@rahulje9/rn-dropdown-picker';

<DropDown
  dropdownHeight={120}
  data={[
    {
      label: 'one',
      value: 1,
    },
    {
      label: 'two',
      value: 2,
    },
    {
      label: 'three',
      value: 3,
    },
  ]}
/>

Props

PropDescriptionTypeDefault ValueRequired
dataDropdown valuesArray[]true
dropdownHeightDropdown list container heightNumber140false
isMultiplemultiple selection modeBooleanfalsefalse
listItemPropsdefault list item propsObject{}false
listItemStyledefault list item styleObject{}false
listLabelStyledefault list item label styleObject{}false
showTickshow tick for selected itemsBooleantruefalse
RenderTickOverride default tick componentReact Elementnullfalse
onChangecallback to get user clicked itemFunction()=>nullfalse
containerStylecontainer style for the dropdown buttonObject{}false
showArrowswhether to show or hide arrow on the dropdown buttonBooleantruefalse
RenderUpArrowoverride default up arrow componentReact Elementnullfalse
RenderDownArrowoverride default down arrow componentReact Elementnullfalse
placeholderplaceholder textString'Select'false
placeholderStyleplaceholder text styleObject{}false
RenderPlaceholderto render custom placeholder componentReact Elementnullfalse
RenderSelectedItemto render custom selection inside dropdownReact Elementnullfalse
selectedItemLabelStyleselected item label stylesObject{}false
flatListStyleflatlist style which is used to show the dropdown valuesObject{}false
flatListPropsflatlist props which is used to show the dropdown valuesObject{}false
RenderEmptyListoverride default empty list componentReact Elementnullfalse
onSelectcallback to get the selected datasFunction()=>nullfalse