Frontend/Component

[React Native] iOS 실제 디바이스에서 카메라 접근하기

0BigLife 2022. 1. 1. 16:00
728x90

개발을 하다가 간혹 가상 시뮬레이터가 아닌 실제 디바이스에서 테스트를 해봐야 할 일이 생긴다.

이번에 react-native-image-picker를 사용해서 카메라/앨범 접근 권한 및 파일 불러오는 기능을 구현해보는데 앨범 접근은 시뮬레이터에서 가능하지만 카메라는 실기기에서만 테스트가 가능하다는 것을 확인했다. 이를 위해 'react-native run-ios'을 통해 시뮬레이터 돌리던 것을 추가 명령어를 돌려줬다.

우선 ios-deploy를 설치한다.

npm install -g ios-deploy

그다음, 추가 명령어는 간단하다. 'react-native run-ios' 뒤에 '--device '나의 device 이름' --configuration Release'만 추가해준다.

react-native run-ios --device '0BigLife' --configuration Release

 

폰화면 녹화 왜이렇게 화질이 떨어지지..

 빌드 완료 시 구글 로그인 ▶️ 홈뷰 이동 ▶️ 모달 ▶️ 카메라/앨범 접근 플로우에는 문제가 없고, 갤러리도 문제없이 뜨는 것을 확인했다. 

//

중간에 카메라 촬영 버튼은 작동하지만 온통 검정 화면만 보이던 현상이 있었는데, 접근 권한을 허용으로 안누를 시(또는, 권한 모달이 나올 때 앱을 종료할 시) 발생하였고, 이 부분에 대한 추가 처리가 필요한지 알아봐야겠다.

728x90

'Frontend > Component' 카테고리의 다른 글

[React Native] Cropping for Image Picker  (0) 2022.01.11
[React Native] Stick-Header 구현  (0) 2022.01.03
카메라/앨범 접근 권한(react-native-image-picker 활용)  (0) 2021.12.31
ModalView  (0) 2021.12.30