FRONT/리액트네이티브

react Splash Screen(로딩화면) 구현하기

혀니리리 2022. 4. 16. 18:07
728x90

엄청 간단한거같은데 쉽지가않다..

[React Native] 앱 첫 로딩 실행 화면 (Splash 화면) 구현 (tistory.com)

 

[React Native] 앱 첫 로딩 실행 화면 (Splash 화면) 구현

1. npm 으로 설치 $ npm i react-native-splash-screen --save www.npmjs.com/package/react-native-splash-screen react-native-splash-screen A splash screen for react-native, hide when application loaded..

focus-on-my.tistory.com

내가 참고한곳

딱 이 순서대로하면서

한단계한단계 지나갈때마다 다시 npm run android 해보면서 오류가 뜨는지 안뜨는지 확인하는것이 가장 좋은거같다.

png파일은 그냥 최대한 범용성 높은 핸드폰화면크기 이미지를 사용했다.

나는 6,7의 과정은 생략했다.

나머지는 다 똑같이!

8에서 useEffect를 잘 import했었는지 확인하기!

<결과화면>

728x90