React-Native-Image-Picker

react-native-image-picker

please show below web site.

https://www.reactnativeschool.com/uploading-images-in-react-native/installing-react-native-image-picker

해당 웹사이트에 유튜브 동영상이 굉장히 도움이되어 링크를 걸겠습니다.

yarn을 통한 설치만 나와있는데 npm으로도 설치 가능합니다.

저는 react-native가 0.60이상의 버전이기 때문에 설치시 별도의 작업이 필요하지 않았습니다.

 

npm i react-native-image-picker

 

설치 후 재빌드가 필요합니다. 혹시 어플에 권한(permission)이 필요하다는 문구가 뜬다면

 

android 폴더내의 AndroidManifest.xml 파일에 아래 권한을 추가해 주시면됩니다.

<uses-permission android:name="android.permission.CAMERA" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

 

혹시 몰라 ios도 Info.plist 파일에 추가하면됩니다.

<key>NSPhotoLibraryUsageDescription</key>

<string>For choosing a photo.</string>

<key>NSCameraUsageDescription</key>

<string>For taking a photo.</string>

<key>NSPhotoLibraryAddUsageDescription</key>

<string>For saving a photo.</string>

 

전부 해당 사이트에 나와있는 내용입니다.

 

아래는 주요 코드!