앱 스플래시 화면 설정

Set the app splash screen

• https://github.com/crazycodeboy/react-native-splash-screen

사용법

import SplashScreen from 'react-native-splash-screen';

// 작업을 블라블라하고

// 스플래시 화면 내려줘야함
SplashScreen.hide();

이미지 요구사항

• background transparency(배경 투명도)를 보존하기 위해 .png 파일로 준비

• 3000px as min height and/or width

• resize mode로 cover를 사용할 거면 1/3 정도 패딩을 추가로 둬서 원본 이미지가 잘리는 것 방지하자.

리사이즈 모드 3가지

양쪽 splash screen 동시 생성하기

• open your file myProject.xcworkspace in XCode

• right-click on your project folder > "New file..." > "Launch Screen" > "Save as: SplashScreen"

$ react-native set-splash --path <path-to-image> --resize <[contain]|cover|center> --background "<background-color>"

iOS splash screen 개별 생성하기

• open your file myProject.xcworkspace in XCode

• right-click on your project folder > "New file..." > "Launch Screen" > "Save as: SplashScreen"

$ react-native set-splash --platform ios --path <path-to-image>

android splash screen 개별 생성하기

$ react-native set-splash --platform android --path <path-to-image> --resize <[contain]|cover|center> --background ">background-color>"