Flutter Splash Screen 적용

flutter_native_splash 사용

pubspec.yaml 파일 제일 하단에 아래 소스 추가

flutter_native_splash:
  image: assets/images/splash.gif
  color: 'ffffff'
  android_disable_fullscreen: true

ex)
flutter:
  uses-material-design: true
  assets:
    - assets/images/splash.png
flutter_native_splash:
  image: assets/images/splash.png // 이미지 파일명
  color: 'ffffff' // 배경 색삭
  android_disable_fullscreen: true // 안드로이드에서 전체화면 적용 여부

추가 시 'flutter' 섹션과 'flutter_native_splash' 섹션의 라인이 맞아야 한다.

terminal에 아래 명령어 실행

flutter pub pub run flutter_native_splash:create

그리고 android 디렉토리에서 launch_background.xml 파일을 찾아서 연다

위치 : android/app/src/main/res/drawable

launch_background.xml 파일을 연뒤에 </ 태그 사이에 아래의 소스를 추가 한다.

<item>
    <bitmap android:gravity="center" android:src="@drawable/splash" />
</item>

ex)
<?xml version="1.0" encoding="utf-8"?>
<!-- Modify this file to customize your launch splash screen -->
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/splash_color" />

    <item>
        <bitmap android:gravity="center" android:src="@drawable/splash" />
    </item>
</layer-list>