Flutterアプリにスプラッシュスクリーンを設定する

Flutterアプリにスプラッシュスクリーンを設定する方法のメモです。
今回紹介する方法以外にも、プラグインを利用する方法があるみたいです。

また、各大きさに対応した画像の用意にはここが便利です。

設定方法

Android

1. launch_background.xmlのlayer-list内にitemを追加

$PROJECT_ROOT/android/app/src/main/res/drawable/launch_background.xml

<item>
    <bitmap
        android:gravity="center"
        android:src="@mipmap/sample_logo" />
</item>

1. Androidmanifest.xmlのmeta-dataを編集（label,iconを追加）

$PROJECT_ROOT/android/app/src/main/AndroidManifest.xml

<meta-data
    android:name="io.flutter.app.android.SplashScreenUntilFirstFrame"
    android:label="flutter_splash"
    android:icon="@mipmap/sample_logo"
    android:value="true" />

1. 下記画像を格納する

• $PROJECT_ROOT/android/app/src/main/res/drawable/mipmap-hdpi/sample_logo.png
• $PROJECT_ROOT/android/app/src/main/res/drawable/mipmap-mdpi/sample_logo.png
• $PROJECT_ROOT/android/app/src/main/res/drawable/mipmap-xhdpi/sample_logo.png
• $PROJECT_ROOT/android/app/src/main/res/drawable/mipmap-xxhdpi/sample_logo.png
• $PROJECT_ROOT/android/app/src/main/res/drawable/mipmap-xxxhdpi/sample_logo.png

iOS

1. 下記画像を格納する¹

• ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png
• ios/Runner/Assets.xcassets/LaunchImage.imageset/[e-mail]
• ios/Runner/Assets.xcassets/LaunchImage.imageset/[e-mail]

参考

---

1. 画像名を変更したい場合は、同じディレクトリ内のContents.jsonを編集する ↩