A React Native component for selecting multiple images from the device's camera roll with customizable UI.
react-native-camera-roll-picker is a React Native library that provides a ready-to-use component for selecting images and videos from a device's camera roll. It solves the problem of building a custom gallery picker UI by offering a configurable grid view with multi-selection capabilities, filtering options, and customizable styling.
React Native developers building mobile apps that require image or video selection features, such as social media apps, photo editors, or content creation tools.
Developers choose this library because it offers a simple, customizable, and feature-rich alternative to building a camera roll picker from scratch, saving development time while providing essential features like multi-selection, filtering, and UI customization.
📷 A React Native component providing images selection from camera roll
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Supports selecting multiple images with a configurable maximum limit, up to 15 by default, ideal for batch operations like photo uploads in social apps.
Allows adjustment of images per row, margins, and container width, making it easy to integrate into various app designs without extensive CSS work.
Enables filtering by group types (e.g., Album, Event) and asset types (Photos, Videos, All), providing precise control over displayed media from the camera roll.
Accepts an array of already selected images to initialize the picker state, useful for editing workflows or re-selecting media in content creation tools.
Requires separate installation of @react-native-community/cameraroll, adding setup complexity and potential compatibility issues with React Native updates.
Only accesses the device's local camera roll, making it unsuitable for apps that need to integrate with cloud services or other media sources beyond the device.
The default UI is minimal, with a simple checkmark marker, requiring significant custom component work (e.g., via selectedMarker prop) for a polished, modern appearance.