Flutter Android 12이상에서의 defalut 스플래시 화면 처리 솔루션

문제 정의

flutter에서 splash screen을 디자인을 하였지만, android 12 이상에서는 기본적으로 제공되는스플래시 화면으로 2번 나오는 splash화면이 은근 불편함을 줍니다.

 

 

 

 

 

첫번째 하얀 배경에 아이콘이 의도하지 않는 스플래시 화면입니다.

 

그래서 Flutter에서 기본 스플래시 화면을 빼거나 바꿀 수 있는가?

 

 

The default splash screen cannot be overridden with Dart/Flutter alone. They are controls shown by the native Android/iOS context while the Flutter runtime is initializing. As such, any splash screen widget you create inside Flutter will show after the default splash screen. (Even if you completely remove the default splash image, the app would just be a blank while screen until Flutter finished loading, and that's bad design.)

 

> 기본 스플래시 화면은 Dart/Flutter만으로는 재정의할 수 없습니다. 기본 시작 화면은 Flutter 런타임이 초기화되는 동안 네이티브 Android/iOS 컨텍스트에 의해 표시되는 컨트롤입니다. 따라서 Flutter 내에서 생성하는 모든 스플래시 화면 위젯은 기본 스플래시 화면 다음에 표시됩니다. (기본 스플래시 이미지를 완전히 제거하더라도 Flutter 로딩이 완료될 때까지 앱은 빈 화면으로 남게 되며, 이는 나쁜 디자인입니다.)

출처: https://stackoverflow.com/questions/57895435/remove-default-splash-screen-android-ios-flutter

 

그리고 아래의 링크를 통해 Splash Screens을 커스텀하는 쉽게 따라 할 수 있습니다.
https://medium.com/flutter-community/flutter-2019-real-splash-screens-tutorial-16078660c7a1

Flutter 2019: Real Splash Screens Tutorial

 

그래서 그냥 둘것인가?  flutter 공식문서를  뒤적거리면서 입장을 알아보다가 솔루션을 찾았다.

찾아간 경로 

Adding a splash screen to your Android app(공식문서) >  Splash Screen Sample(샘플코드) > flutter_native_splash

> flutter tutorial - native splash screen

 

 

 

flutter tutorial - native splash screen의 영상만 보면 쉽게 따라해서 해결 할 수 있다.