이전에 image-picker를 사용하여 사용자 앨범에서 사진을 선택하고 선택한 이미지 파일을 S3에 업로드하는 내용을 정리하였다. 이번글에서는 사용자 앨범에서 여러개의 사진을 가져오는 방법에 대해 소개하고자 한다.

IOS의 경우 image-picker의 default 0 으로 설정되어 있는 selectionLimit 옵션을 바꿔주어 여러개의 사진을 가져올 수 있지만 해당 옵션이 안드로이드에서는 지원되지 않아 react-native-multiple-image-picker(RNMIP) 라이브러리를 사용해야 했다.

react-native-multiple-image-picker(RNMIP) 설치

https://www.npmjs.com/package/@baronha/react-native-multiple-image-picker

 

@baronha/react-native-multiple-image-picker

react-native-multiple-image-picker enables application to pick images and videos from multiple smart album in iOS/Android, similar to the current facebook app.. Latest version: 0.4.10, last published: 4 months ago. Start using @baronha/react-native-multipl

www.npmjs.com

IOS 환경인 경우 위 공식문서를 참조.

 

먼저 프로젝트에 해당 라이브러리를 설치해준다.

npm i @baronha/react-native-multiple-image-picker
or
yarn add @baronha/react-native-multiple-image-picker

 

공식 문서를 보면 프로젝트 AndroidManifest에서 권한설정도 해주라고 안내하고 있는데 image-picker의 경우 react-native 0.60 이상을 사용할 경우 따로 권한설정을 해주지 않아도 되었기에 multiple-image-picker의 경우도 같을거 같아 따로 권한 설정을 해주지 않았는데 문제없이 작동하였다.

 

라이브러리 설치를 마쳤다면 import도 해주자.

import MultipleImagePicker from '@baronha/react-native-multiple-image-picker';

이제 라이브러리를 사용하기 위한 모든 준비가 끝났다. IOS 환경에서는 모르겠으나 Android의 경우 매우 간단했다.

이후 내용은 다음글에서 정리하도록 하겠다.