react-native-universal-dropdownlist

Cross platform dropdownlist. This component implements a custom dropdownlist and provides the same way to drawing it on the different platforms(iOS and Android, Web, Windows). It dose not use any native code. So there is no aditionalal implementation on different platforms. Install the component and enjoy.

Usage no npm install needed!

<script type="module">
  import reactNativeUniversalDropdownlist from 'https://cdn.skypack.dev/react-native-universal-dropdownlist';
</script>

README

react-native-universal-dropdownlist

Cross platform dropdownlist. This component implements a custom dropdownlist and provides the same way to drawing it on the different platforms(iOS and Android, Web, Windows). It dose not use any native code. So there is no aditionalal implementation on different platforms. Install the component and enjoy.

Working Example

react-native-universal-dropdownlist

Android and IOS

Installations

npm i react-native-universal-dropdownlist

Additional Installations

Android

No Additional Installations

Iphone

No Additional Installations

Web

No Additional Installations

Properties

  • dropDownListStyle: Default null
  • items: the array of DropDownItem.
  • selectedValue: the selected value
  • placeHolder: Default null
  • onSelect: on Item select changed
  • style: the inputText style
  • dropDownListStyle: the list style
  • dropDownItemStyle: the item style
  • dropDownListTextStyle: the text inside the item style
  • dropDownListSelectedTextStyle: when item is selected
  • includeIconOnTextInput if there is icon included in items specify to show the icon when an item get selected
  • searchAble: SearchBox included eg combobox like
  • searchPlaceHolder: searchable inputtext placeholder