junhoyeo / react-native-photo-selector

yarn add junhoyeo/react-native-photo-selector#production

react-native-photo-selector v3.x.x

CameraRoll Picker component for React native

v2.x.x is still available

DEMO

▶️ usecamera(option)

➕ Add to Project

• Install Dependency libraries with Android & IOS settings
  • react-native-camera
  • react-native-cameraroll

$ npm i react-native-camera react-native-fast-image @react-native-community/cameraroll@git+https://github.com/skqksh/react-native-cameraroll.git

• ❗ about : @react-native-community/cameraroll@git+https://github.com/skqksh/react-native-cameraroll.git

  • Only IOS. With this version, you can take favorites album

• Install component through npm

$ npm i react-native-photo-selector@latest

💡 Basic Usage

import PhotoSelector, { PhotoProps } from 'react-native-photo-selector';

...
const Demo = () => {
    const _callback = (images: PhotoProps[], image: PhotoProps) => {
        console.log('selected images :', images);
        console.log('current image :', image);
    };

    return <PhotoSelector callback={_callback} />
}

🔧 Props (* : required)

👀 View props detail

📲 Run Example

❗ To run the example app, you have to check the permissions of the app

$ git clone https://github.com/skqksh/react-native-photo-selector.git
$ cd react-native-photo-selector
$ cd example
$ npm install
$ (ios) cd ios
$ (ios) pod install
$ (ios) pod update SDWebImage
$ npm run android / npm run ios

Update Log

👀 View update history

Known Issue

• (IOS) Could count recent album only under 100

⭐ ETC

• Typescript Support
• This library is based from react-native-camera-roll-picker