Android White Screen Before Splash Screen Resolved

이번 글은 저사양 기기를 타겟팅하여 개발하던중 발견하게된 이슈이다.

문제의 시작

권한 처리를 위해 회사 로고가 중앙에 들어간 스플래시 화면을 추가했다.

해당 앱은 기기 설정에 상관없이 다크 테마 색상이 적용된 것처럼 color resource가 설정되어 있었다.
(스플래시 화면도 마찬가지이다.)

그런데 앱을 시작하면 흰색 화면이 보이고 나서 스플래시 화면이 보였다.

문제 해결

가장 먼저 해결법을 찾게된 글은 아래 링크였다.
https://github.com/crazycodeboy/react-native-splash-screen/issues/338

White screen before splash screen · Issue #338 · crazycodeboy/react-native-splash-screen

위 링크대로 windowDisablePreview을 true로 설정하니 해결이 되었다.

해결법의 근거(?)

해결이 됐네요~ 하고 싱겁게 끝내면 아쉬우니 해당 Github의 답변이 어디서 나왔을까 찾아보자.

다시 찾아보니 Android Developer 사이트에서 답을 찾을 수 있었다.

일단 링크를 첨부하겠다.
https://developer.android.com/topic/performance/vitals/launch-time?hl=en

앱 시작 시간  |  App quality  |  Android Developers

여기서도 명시하고 있지만 launch 도중 blank screen이 그려지는데

이를 끄려면 windowDisablePreview 속성을 사용하라고 안내하고 있다.

혹자는 OS 12이상에서는 어떻게 하냐고 물어볼 수 있다.

하지만 글 시작에서 얘기했던 것처럼 특정 디바이스를 타겟팅해서 만든 앱이기 때문에 해당 OS버전은 고려하지 않았다.