Skip to content

🏞 react-native-multiple-image-picker enables applications to pick images and videos from multiple smart albums in iOS/Android

License

Notifications You must be signed in to change notification settings

NitrogenZLab/react-native-multiple-image-picker

This branch is 82 commits behind main.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ec5ba02 · Dec 12, 2024
Feb 21, 2021
Dec 9, 2024
Dec 12, 2024
Dec 12, 2024
Dec 12, 2024
Dec 9, 2024
Dec 12, 2024
Dec 12, 2024
Feb 21, 2021
Dec 12, 2024
Oct 23, 2024
Feb 22, 2021
Feb 21, 2021
Feb 21, 2021
Dec 12, 2024
Dec 12, 2024
Feb 21, 2021
Dec 11, 2024
Dec 11, 2024
Oct 23, 2024
Feb 21, 2021
Dec 2, 2024
Dec 11, 2024

Repository files navigation

Logo

iOS Android Swift Kotlin React-Native

Overview 🎇

ImagePicker.mp4

React Native Multiple Image Picker (RNMIP) enables application to pick images and videos from multiple smart album in iOS/Android. React Native Multiple Image Picker is based on two libraries available, HXPhotoPicker and PictureSelector

Documentation 📚

Features 🔥

🤩 Logo
🐳 Keep the previous selection.
0️⃣ Selected order index.
🎨 UI Customization (numberOfColumn, spacing, primaryColor ... )
🌚 Dark Mode, Light Mode
🌄 Choose multiple images/video.
🤐 Compress image after selected (new) ✨
📦 Support smart album (camera roll, selfies, panoramas, favorites, videos...).
📺 Display video duration.
🎆 Preview image/video.
⛅️ Support iCloud Photo Library.
🔪 Crop single/multiple image (new) ✨
🌪 Scrolling performance. ☕️

Installation

See more Installation

Usage

Here is a simple usage of the Multiple Image Picker.
See more Config

import { openPicker, Config } from '@baronha/react-native-multiple-image-picker'

const config: Config = {
  maxSelect: 10,
  maxVideo: 10,
  primaryColor: '#FB9300',
  backgroundDark: '#2f2f2f',
  numberOfColumn: 4,
  mediaType: 'all',
  selectBoxStyle: 'number',
  selectMode: 'multiple',
  language: 'vi', // 🇻🇳 Vietnamese
  theme: 'dark',
  isHiddenOriginalButton: false,
  primaryColor: '#F6B35D',
}

const onPicker = async () => {
  try {
    const response = await openPicker(config)
    setImages(response)
  } catch (e) {
    // catch error for multiple image picker
  }
}

To Do

  • Crop Image in iOS.
  • Preview Controller for iOS.
  • Handle Permission when limited on iOS.
  • Migrating Library to the New Architecture.
  • Multiple Crop Image.
  • Multiple Preview Image.
  • Dynamic Theme.
  • Dynamic Language
  • Open Crop Controller.
  • Open Preview Controller.
  • Open Camera Controller.

Sponsor & Support ☕️

To keep this library maintained and up-to-date please consider sponsoring it on GitHub. Or if you are looking for a private support or help in customizing the experience, then reach out to me on Twitter @_baronha.

Built With ❤️

NitroModules
HXPhotoPicker
PictureSelector

Star History

Star History Chart

Performance

We're trying to improve performance. If you have a better solution, please open a issue or pull request. Best regards!

Contributors ✨

Thanks go to these wonderful people:

cd-butterfly
cd-butterfly
baronha
Bảo Hà.
itsnyx
Alireza
pnthach95
Phạm Ngọc Thạch
crockalet
crockalet
denisbevilacqua
Denis Bevilacqua
ctrleffive
Chandu J S
shafiqjefri
shafiqjefri
rxdsrex
Rajnarayan Dutta
vivianlys90
vivianLee
ymane
Yogesh Mane
ouabing
abing
hieuphan1030
hieuphan1030
tuanngocptn
Nick - Ngoc Pham

License

MIT
TLPhotoPicker
PictureSelector