Splash Screen이 적용된 React Native 앱을 Xcode를 통해 실제 ios 기기에 실행한 후 앱을 종료하고 다시 앱을 켜면 Splash 화면에서 앱이 10초가량 멈추고 종료되는 현상을 겪었습니다.
해당 문제에 대한 실마리는 Stack Overflow에서 얻을 수 있었습니다.
https://stackoverflow.com/a/44835285
React native app stuck on splash screen on device but works in simulator
My React Native app works in the XCode simulator with no issues, but when I run in a physical device, my iPhone, there's a problem. The app launches and gets stuck on the React Native splash screen...
stackoverflow.com
문제 원인
stack overflow에 의하면 build 후 실제 기기에 앱을 실행할 때 javascript 파일을 packager를 통해 불러온다고 합니다.
위의 동작을 위해 컴퓨터와 ios 기기가 연결이 필요한데 이 게시글에서 다루는 상황(빌드 후 실행된 앱을 종료 후 재실행하는 상황)에서는 컴퓨터에 있는 packager에 연결이 안되는 거 같습니다.
해결 방안
- xcode에서 build configuration을 debug에서 release로 변경한다.
* 해당 해결방안의 적용 방법은 아래 답변에 자세히 설명되어 있습니다.
https://stackoverflow.com/a/48971044
- Mac과 Ios 기기를 같은 네트워크에 연결한다.
* 간혹 같은 Wifi에 연결해도 문제가 해결되지 않는 경우가 있습니다. 이럴 때는 Hot spot을 이용하는 걸 권장합니다.
읽어주셔서 감사합니다.
혹시 본 게시글 중 틀린 내용이 있다면 댓글을 통해 알려주세요 :)
'Frontend > React-Native' 카테고리의 다른 글
| [React Native] react-native-reanimated v2 설치 (4) | 2021.06.22 |
|---|---|
| [React Native] BottomSheet 만들기 (15) | 2021.06.12 |
| [React Native] import com.google.firebase.iid.FirebaseInstanceId; Not Found(Android) (0) | 2021.05.12 |
| [React Native] 입력창-키보드 겹치는 문제 - ios (5) | 2021.04.27 |
| [React Native] 안드로이드에서 Axios Network 에러 해결 방법 정리 (android) (1) | 2021.03.29 |