React native iOS 관련 이슈 정리1

No permission handler detected.

• https://www.npmjs.com/package/react-native-permissions 을 설치 후 앱에서 필요한 권한을 추가

// Podfile 에 추가 예시
permissions_path = '../node_modules/react-native-permissions/ios'
  pod 'Permission-Camera', :path => "../node_modules/react-native-permissions/ios/Camera"

react-native-qrcode-scanner를 사용하는 경우

• https://stackoverflow.com/questions/75772965/error-react-native-permissions-nativemodule-rnpermissions-is-null
• yarn.lock파일의 react-native-qrcode-scanner의 dependencies react-native-permissions 버전을 변경
  • react-native-permissions: "^2.0.2" -> "^3.8.0"

실제 기기에서 테스트 하기

• xcode로 해당 프로젝트를 open 한다
  • https://kitty-geno.tistory.com/98
• xcode에서 애플 개발자로 등록된 아이디로 signing 한다
  • https://cereme.dev/appdev/react-native-iphone-device-run/
  • https://dev-yakuza.posstree.com/ko/react-native/ios-test-on-device/
• 실행할 앱에서도 애플 개발자로 등록된 아이디로 signing 한다
• 기기에서 실행할 때는 앱을 설치할 때마다 앱을 신뢰하기를 해야한다
  • https://velog.io/@dody_/React-Native-iOS-%EB%94%94%EB%B0%94%EC%9D%B4%EC%8A%A4-%EA%B8%B0%EA%B8%B0-%ED%85%8C%EC%8A%A4%ED%8A%B8

앱 이름 변경

• https://juzero-space.tistory.com/258
• ios/{프로젝트}/Info.plist 파일의 CFBundleDisplayName 항목 밑의 string태그 값 변경

<key>CFBundleDisplayName</key>
<string>변경할 앱 이름</string>

앱 아이콘 변경

• 앱 스토어용 아이콘 추출 및 변경

  • https://juzero-space.tistory.com/260
    • https://www.appicon.co/ 에서 각 사이즈별 아이콘 추출(1024x1024 이미지 필요)
    • xcode에서 각 아이콘을 등록

• 아이콘 적용이 안되는 이슈

  • https://stackoverflow.com/questions/50771256/xcode-10-app-icon-not-showing
  • 설치 후 핸드폰 재부팅

react-native-sound

• https://www.npmjs.com/package/react-native-sound
• 공식 문서에 있는대로 따라하면 되지만 바로 적용이 안된다면 앱 설치 후 재부팅을 해보자

SafeAreaView

• SafeAreaView에 직접 패딩을 주는 것은 ios에서 먹히지 않는다
• SafeAreaView를 감싸는(또는 안쪽에 위치한) View에 패딩을 주어야 한다

고찰

• 실제 기기에서 테스트 할 때 iOS 에뮬레이터를 실행해놓고 기기 연결 후 xcode에서 재생 버튼 모양으로 테스트를 하면 실시간으로 변경하는 소스들이 반영이 된다
• 공식문서 또는 stackoverflow를 보면서 따라했는데도 잘 안되면 그 밑에 댓글들에 달려있는 것들에서 힌트를 얻을 수 있는데 앱설치 후 재부팅하면 되는 경우가 있다(리소스 관련)
  • 앱 아이콘 변경
  • 효과음 음원 추가