1. yarn ios:build:stage 명령어를 통해 xcode 실행합니다.

  2. App > App > Assets > Splash 에서 Universal, Iphone, iPad에 해당하는 이미지를 설정합니다.

    (만약, Splash가 없는 경우 마우스 오른쪽 버튼을 클릭해 New Image set으로 추가 가능합니다)

Untitled

  1. App > App > LaunchScreen > View Controller Scene 에서 기종에 따라 화면 크기가 달라져도 이상하게 보이지 않도록 보정하는 작업이 가능합니다. 또한 실기기에서 어떻게 보일 지를 확인하면서 작업을 할 수 있습니다.

Untitled

Untitled


참고 자료

React Native) ios app icon과 splash screen 적용하기

[IOS]스플래시 이미지 적용#01 LaunchScreen 사용하기, 딜레이시간 조절하기


☘️찬 방법으로 마무리

[2023] TOP 5 JPG 용량 줄이기 사이트 추천

ipad

Default@2x~iphone.png
iPad Pro 12.9(6th generation) Good
iPad Pro 11 Good
ipad (10th genenration) Good
iPad mini Good
iPad Pro 12.9 Good
iPad Pro 10.5 Good
iPad Good
iPad 9.7 Good

iPhone

Default-1792h~iphone.png
iPhone 15 Pro Max Good
iPhone 14 Plus Good
iPhone 11 Pro Max Good
iPhone 15 Pro Good
iPhone 11 Good
iPhone 13 Pro Good
iPhone 14 Good
iPhone 8 Plus Good
iPhone SE (3rd generation) Good
iPhone SE (1st generation) Good

Aspect Fill : 비율을 유지하면서 뷰의 사이즈에 맞게 이미지를 꽉 채우는 옵션이다. 그래서 이미지의 어떤 부분은 잘려 보일수도 있다.

Scale To Fill : 전체 이미지가 다 나올 수 있도록 필요하다면 비율을 깨트리면서 뷰의 사이즈에 맞게 이미지를 꽉 채우는 옵션이다.