스플래시 화면 관련 (android 내부코드 수정사항 + 주의사항)

[Wendy-Nam]

스플래시 화면을 위해 아래의 라이브러리를 사용하였습니다.

https://github.com/solydhq/react-native-smooth-bootsplash

• 안드로이드 환경을 위해 내부 코드의 수정이 필요헀음 (MainActivity 등)
• 따라서 스플래시 화면을 실행에서 제외한다면, 첫 화면으로 렌더링이 넘어가지 않는 문제가 생김.
• 렌더링만 안되고, 컴포넌트 마운트 시의 콘솔 출력 등은 정상작동하는 것으로 보임.

정체 모를 이슈 발생 시, 해당 사항 또한 고려할 수 있는 문제라 공유합니다.

[Wendy-Nam]

스플래시 화면 호출코드 - 최종수정

  return (
    <>
    <NavigationContainer onReady={() => RNBootSplash.hide({fade: true, duration: 350})}>
    {isSplashVisible && <Splash duration={450} onFinish={handleSplashFinish} />}
     ...
    </NavigationContainer>
    );

해당 코드에서, RNBootSplash.hide() 가 들어가야 오류없이 실행되는 것을 확인하여 최종 수정작업을 끝냄.

안드로이드 가상디바이스 실행 중 해당 코드를 제거한 뒤에도, 이전의 정보가 캐시가 되어 실행이 되는 듯 보였음. 그래서 해당 hide() api없이 커밋하였으나, 앱캐시 초기화하여 실행했을 때 이슈가 생긴것을 발견함.

따라서 아래의 커밋에서 해당 패치를 적용함.

652168a95b999d4b928273651166cf5bd8d9926f