rn-custom-dropdown

A highly performant, customizable, and typed multi-select dropdown for React Native CLI.

Installation

npm install rn-custom-dropdown

Features

• 🚀 Single & Multi-Select support
• 🔍 Search & Filtering built-in
• ⚡ Optimized with FlatList
• 🎨 Fully customizable styling and themes (Light/Dark)
• 🛡️ 100% TypeScript

Basic Usage

import React, { useState } from "react";
import { View } from "react-native";
import { Dropdown } from "rn-custom-dropdown";

const data = [
  { label: "React Native", value: "rn" },
  { label: "TypeScript", value: "ts" },
  { label: "JavaScript", value: "js" },
];

export default function App() {
  const [selectedValue, setSelectedValue] = useState("");

  return (
    <View style={{ flex: 1, padding: 20 }}>
      <Dropdown
        data={data}
        value={selectedValue}
        onChange={setSelectedValue}
        placeholder="Select a language"
        searchable
      />
    </View>
  );
}