[flutter] ios splash screen, launch screen 적용하는 방법

dev-nam 2023. 3. 27. 23:53

플러터 iOS Splash Screen / Launch Screen 적용하는 방법

iOS 앱을 최초 실행할 때 잠시 나타나는 스플래시 스크린을 적용하는 방법에 대해 알아보겠습니다. 이번에는 패키지를 사용하지 않고 간단하게 스플래시 스크린을 구현해 보도록 할게요.

 

우선 루트 경로에 위치한 ios 폴더를 우측 클릭하고, Open in Xcode로 프로젝트를 실행합니다. 그리고 Runner/Runner/Assets 파일을 열어서 LaunchImage에 새롭게 적용할 이미지를 추가합니다. 1x, 2x, 3x 영역을 더블클릭하면 이미지를 추가할 수 있습니다.

 

추가적으로 배경색이나 사이즈, 비율 등을 변경하려면 Assets 바로 아래에 보이는 LaunchScreen 파일을 열어서 수정하시면 됩니다. 이미지 작업이 끝났다면 마지막으로 Info.plist 파일 옵션값 중에서 Launch screen interface file base name 항목의 값이 올바른지 확인합니다. 만약 다르다면 동일하게 변경하시면 됩니다.

반응형