Expo Dropdown MultiSelect

A multiselect is a UI component that allows the user to select multiple options from a list of choices. In the context of Expo React Native, a multiselect component can be used to allow the user to select multiple items from a list of options.

How to use

  • You can now import expo-dropdown-multiselect as a normal package installed from npm like so:

import { DropdownMultiselectView } from 'expo-dropdown-multiselect';

Available props

  data: Array<any>;
  displayKey: any;
  displayValue: any;
  selectedItem: Array<any>;
  setSelectedItem: any;
  optionsContainer?: object;
  selectContainer?: object;
  itemContainer?: object;
  loading?: boolean;
  checkIcon?: any;

Example Usage

import { DropdownMultiselectView } from 'expo-dropdown-multiselect';
<View style={{flex:1}}>
          { key: 1, value: 'orange' },
          { key: 2, value: 'apple' },
          { key: 3, value: 'banana' },

✍️ Authors

? Contribute

If you want to say thank you and/or support the active development of expo-dropdown-multiselect:

  1. Add a GitHub Star to the project.
  2. Write a review or tutorial on Medium, Dev.to or personal blog.
  3. Support the project by donating a cup of coffee.


View Github