A customizable cross-platform modal picker/selector component for React Native with section support.
react-native-modal-picker is a React Native library that provides a customizable modal picker component for selecting items from a list. It solves the need for a consistent, styleable selection interface across iOS and Android, supporting grouped options with sections.
React Native developers building mobile apps that require user selection from lists, especially those needing more design control than native pickers offer.
It offers extensive styling options and section support out of the box, making it a versatile choice for apps where UI consistency and customization are priorities.
A cross-platform (iOS / Android), selector/picker component for React Native that is highly customizable and supports sections.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Works seamlessly on both iOS and Android, providing a unified picker interface without platform-specific quirks, as emphasized in the GitHub description and demo.
Offers numerous style props like overlayStyle, optionStyle, and sectionTextStyle, allowing deep customization of every element from the modal to individual options.
Supports grouping options into sections with headers, making it easy to categorize large lists, as demonstrated in the sample data structure with section: true.
Can be used as a wrapper around custom components or in default button mode, giving developers flexibility in implementation, per the README examples.
The component does not include search or filter capabilities, which is a significant limitation for long lists where users need to find items quickly.
Designed exclusively for picking a single item, making it unsuitable for use cases like multi-select forms or tagging interfaces.
While highly customizable, there are no default themes or pre-styled options, so developers must invest time in design from scratch.