This repository demonstrates how to use a fully customizable and cross-platform dropdown picker in React Native using Expo.
It works seamlessly on iOS, Android, and even inside the Expo Go app — no need to eject!

📦 Built with react-native-dropdown-picker

• ✅ Works with Expo Go
• ✅ Cross-platform (iOS & Android)
• ✅ Supports listMode: SCROLLVIEW, FLATLIST, MODAL
• ✅ Custom styling support
• ✅ Searchable dropdowns
• ✅ Easy state handling
• ✅ Z-Index fixes for smooth stacking

.
├── App.js                  # Main app with dropdown implementation
├── assets/                # (Optional) Icons/images
├── components/            # Reusable dropdown components
└── README.md              # This file

• Clone the repository:

  git clone https://github.com/SasadaSaumya/React-Native-Expo-Dropdown.git
  cd React-Native-Expo-Dropdown

• Install dependencies:

  npm install

• Start the Expo app:

  npx expo start

<DropDownPicker
  open={open}
  value={value}
  items={items}
  setOpen={setOpen}
  setValue={setValue}
  setItems={setItems}
  placeholder="Select a fruit"
  listMode="SCROLLVIEW"
/>

<DropDownPicker
  listMode="FLATLIST"
  searchable={true}
/>

<DropDownPicker
  listMode="MODAL"
  style={{ borderRadius: 12 }}
  dropDownContainerStyle={{ backgroundColor: "#f9f9f9" }}
  searchable={true}
/>

• Add search bar example
• Show listMode variations
• Add form validation with dropdown
• Add multi-select support

Sasanda Saumya
🔗 Portfolio • Medium • LinkedIn

If this helped you, please ⭐ star the repo and share it with other Expo + React Native developers.