20 Awesome Select for React Native, works with iOS and Android
Explore 20 awesome React Native select components to help you create beautiful and interactive dropdown menus for your mobile apps. These components offer a wide range of features, such as customizable styles, animations, and interactions.
1.React Native Multi Selectbox
Renders the Picker/SelectBox/Dropdown with common styling for iOS/Android.
2. React Native Multiple Select List
Multiple select list with search bar
3. React Native Select Two
Component like Select2 on web for React Native
4.React Native Select Picker
Customized select picker (just like <select> in html) that renders the same on iOS and Android
5.React Native Modal Select List
React Native modal component to select options from list
6.React Native Swipe Picker
A Picker with swiping as picking interaction. An inline picker with swipe-to-select-an-item interaction. Similar to how one inputs blood pressure in SHealth App.
7.React Native Circle Size Selector
React Native component to select number (size) with circle dragging (100% Pure JS)
8.React Native Picker Box
Simple and configurable component picker for react native
9.React Native Select Input Ios
React Native Select Input A React Native SelectInput for iOS (+Android) which shows the picker as a keyboard.
10.React Native Picker Modal View
An unified React Native Picker Modal component for iOS and Android.
An alternative to Picker and PickerIOS components with an unified API and consistent look & feel on both plaforms. It’s fully configurable and includes built-in support for text search and alphabetical index. Ideal for longer lists not suitable for “wheel-pickers”.
11.React Native Select Multiple
☑️ A customiseable FlatList that allows you to select multiple rows
12.React Native Emoji Selector
⚛️😎 Simple, customizable and theme-able Emoji selector for React Native
13.React Native Picker Cascader
Picker select cascader dropdown developed in react native for Android and IOS
14.React Native Customize Selected Date
a component calendar date allow customize event date. (support android & ios). Pull requests are welcome!
15.React Native Picklist
A picklist page support single or multi select, single or multi level data, and display.
This is a picklist page. It supports:
- Single Level or Multiple Level data.
- Single Select or Multiple Select.
- Show or Hide the internal components.
- Customize the UI component.
- Search in the data automaticlly.
- Section style page.
16.React Native File Selector
ReactNative: Native File Selector (Android/iOS)
This library is a ReactNative Bridge around native libraries. It allows you to natively select/pick file from device file system:
17.React Native Material Selectize
A React Native component inspired to Selectize which follows Material Design guidelines.
Features
- Type definitions with Typescript
- Material design guidelines compliance
- Consistent look and feel on iOS and Android
- State transitions (normal, focused and errored)
- Highly customizable styles and props of inner TextInput component
- Pure javascript implementation
- Minimal setup (no props required)
18.React Native Multiselect View
MultiSelectView component for react native to select multiple items smoothly with minimum efforts, it works on iOS and Android like a charm.
19.React Native Autocomplete Select
Simple AutoComplete with selection for react-native
20.React Native Select Plus
Select component for react-native
21.React Native Switch Selector
Switch Selector for React Native https://app2sales.github.io/react-native-switch-selector/
22.React Native Multiple Select
Simple multi-select component for react-native Simple multi-select component for react-native (Select2 for react-native).
23.React Native Sectioned Multi Select
A multi (or single) select component with support for sub categories, search, chips. It’s intended for long-ish lists, as it opens in a Modal (I might make this optional in the future).
This is based on https://github.com/toystars/react-native-multiple-select. The problems I had were that I needed it to be in a modal, because of nested ScrollViews not working on Android, and I needed to display categories with sub-categories.
#react-native #react #mobile-apps
