A multiple image picker that enables your application to pick images and videos from multiple smart album in iOS/Android, similar to the current Facebook App.
Features:
- Selected order index.
- Support smart album collection.
- Camera roll, selfies, panoramas, favorites, videos, custom users album
- Support Camera
- Playback video and live photos.
- Just one. playback first video or live Photo in bounds of visible cell.
- Display video duration.
- Async phasset request and displayed cell.
- Scrolling performance is better than facebook in displaying video assets collection.
- Reload of changes that occur in the Photos library.
- Preview photo. …etc
How to use it:
1. Install and import the component.
# Yarn
$ yarn add @baronha/react-native-multiple-image-picker
# NPM
$ npm i @baronha/react-native-multiple-image-picker
2. Basic usage.
const response = await MultipleImagePicker.openPicker(options);
3. Full component options.
let defaultOptions = { //**iOS**// usedPrefetch: false, allowedAlbumCloudShared: false, muteAudio: true, autoPlay: true, //resize thumbnail haveThumbnail: true, thumbnailWidth: Math.round(width / 2), thumbnailHeight: Math.round(height / 2), allowedLivePhotos: true, preventAutomaticLimitedAccessAlert: true, // newest iOS 14 emptyMessage: 'No albums', selectedColor: '#30475e', maximumMessageTitle: 'Notification', maximumMessage: 'You have selected the maximum number of media allowed', messageTitleButton: 'OK', cancelTitle: 'Cancel', tapHereToChange: 'Tap here to change', //****// //**Android**// //****// //**Both**// usedCameraButton: true, allowedVideo: true, allowedPhotograph: true, // for camera : allow this option when you want to take a photos allowedVideoRecording: false, //for camera : allow this option when you want to recording video. maxVideoDuration: 60, //for camera : max video recording duration numberOfColumn: 3, maxSelectedAssets: 20, singleSelectedMode: false, doneTitle: 'Done', isPreview: true, mediaType: 'all', isExportThumbnail: false, //****// // fetchOption: Object, // fetchCollectionOption: Object, // emptyImage: Image, };
Preview:
Download Details:
Author: baronha
Live Demo: View The Demo
Download Link: Download The Source Code
Official Website: https://github.com/baronha/react-native-multiple-image-picker
License: MIT