| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
Tags
- react
- node.js
- javascript
- C++
- react native typescript navigation
- Expo
- 스탠실 버퍼 튜토리얼
- unity stencil buffer
- html
- cyworld
- 스탠실 버퍼 시작
- stencil buffer
- react native
- c++ using
- node
- react native typescript navigate
- 리액트 네이티브 설치 오류
- c++ 정보은닉
- CSS
- 벡터와 리스트의 차이
- react native 타입스크립트
- 스탠실 버퍼 사용
- react-native
- 리액트 네이티브 맥
- react native accessible
- 싸이월드
- GitHub
- react native typescript
- react native ios 기기 연결
- react native mac
Archives
- Today
- Total
혀니의 이거저거 뿌시기
react Splash Screen(로딩화면) 구현하기 본문
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
'FRONT > 리액트네이티브' 카테고리의 다른 글
| 리액트 네이티브 맥 Mac 설치 오류 타파 (23.04.28 기점) (0) | 2023.04.28 |
|---|---|
| react native 이미지 가로배열 (0) | 2022.04.17 |
| createDrawerNavigator (react navigation draw)이용해 옆 메뉴 만들기 (+ animated node with id 2 already exists 오류 해결) (0) | 2022.04.05 |
| 잘 깔리던 리액트 다시 깔았을때 오류범벅 정리 (0) | 2022.03.31 |
| react native 에 react-native-firebase-mlkit 모듈 깔고 한글인식/글자인식 성공시키기(안드로이드) (0) | 2021.08.18 |
'FRONT/리액트네이티브' Related Articles
more
