[ReactNative-Multiple-Image-Picker]안드로이드 사용자 앨범에서 multiple images 가져오기(1)
이전에 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의 경우 매우 간단했다.
이후 내용은 다음글에서 정리하도록 하겠다.