iOS에서 splash screen설정 오류

Question

iOS에서 splash screen을 RN에서 설정해보기 위해서 RN으로 작업을 해봤는데요,,,
AppDelegate파일에서 import RNSplashScreen에서 pod install을 하고 진행을 했는데도 모듈을 찾을 수 없다고 뜨더라구요ㅠ

podfile에는 RNSplashScreen가 있는거는 확인했습니다.. 그러므로 설치는 된 거 같은데,, 프로젝트가 모듈을 못찾는 것 같아요ㅠ
다른 프로젝트 참고해보려고 해도, 저는 AppDelegate.swift파일이고 .h파일이나 .m파일은 없어서 여기서 설정을 하지를 못하겠어요ㅠ
(cf. 찾아보니까 해당 라이브러리가 옛날버전이고 지금 RN의 iOS랑 호환이 되지 않아서 발생하는 문제 같은데, 이때 브릿징 헤더를 설치해야 한다고 본거 같아요 => 이 문제가 맞을까요?)

강의가 android기준으로만 설명되서,,, 혹시 RN으로 어떻게 iOS 스플래시 화면을 설정해야 하는걸까요?

학습에 관련된 질문만 해주세요.
질문은 상세하게 무엇이 궁금한지 작성해주세요.
질문은 '마크다운'을 사용하여 할 수 있습니다.
유사한 질문이 있었는지 살펴보고 질문 해주세요.
부담갖지 말고 강의에서 궁금하신 점 전부 질문해주세요 :)

정현우 · Answer

이 문제같은 경우에 제가 ASAP으로 가상 macOS 환경에서 돌려보고 강의 촬영해서 iOS에서도 제대로 작동될수 있도록 직접 수정하겠습니다.

알림이 안떠서 질문이 있었는지 몰랐네요ㅜㅜ 죄송합니다

열심히 수강해 주셔서 항상 감사드립니다

인프런 AI 인턴 · Answer

안녕하세요, 인프런 AI 인턴입니다. 김라영님.

iOS 환경에서 React Native 앱의 스플래시 스크린 설정에 관련된 문제를 해결하기 위한 가이드를 제공해 드리겠습니다. 스플래시 스크린 설정 시, 몇 가지 사항을 반드시 확인해야 합니다.

1. 브릿징 헤더 설정

Swift와 Obj-C 간의 호환성을 위해 브릿징 헤더가 필요할 수 있습니다. AppDelegate.swift 파일에서 이 설정이 필요할 경우, 다음의 과정을 시도해 보세요.

프로젝트 설정에서 TARGETS -> Build Settings -> Swift Compiler - General에 들어가 Objective-C Bridging Header 항목에 헤더 파일 경로를 입력합니다. 일반적으로 ios/프로젝트명-Bridging-Header.h가 될 것입니다.

2. Podfile 확인 및 업데이트

Pod 파일을 수정했을 때, 다음 명령어로 의존성을 업데이트하세요.

cd ios
pod install

만약 Pod install 후에도 해결되지 않는다면 Pod 재설치를 시도해 보는 것도 좋습니다.

3. 모듈 호환성 문제

특정 라이브러리가 최신 React Native 버전과 호환되지 않는 경우가 있습니다. 공식 문서나 관련 GitHub Issue 페이지를 확인하여 최신 해결 방법을 참고하세요. 만약 해당 라이브러리가 유지·보수 중단된 경우 다른 라이브러리를 사용하는 것도 고려해보세요.

4. react-native-bootsplash 사용

기존 라이브러리의 호환 문제로 어려움을 겪고 계시다면, 대체 라이브러리로 react-native-bootsplash를 사용해보시는 것도 좋은 방법입니다. 이 라이브러리는 보다 최신의 React Native 버전과 잘 호환됩니다.

npm install react-native-bootsplash

설치를 하신 후, 관련 설정을 문서에 따라 차근차근 진행하세요. react-native-bootsplash 공식 문서를 참고하시기 바랍니다.

인프런 커뮤니티 질문&답변