A native launch screen can appear before Flutter paints its first frame. The original short note configured separate Android drawable resources and iOS asset/storyboard files.
Android
+ android/app/src/main/res/drawable-mdpi
+ android/app/src/main/res/drawable-xhdpi
+ android/app/src/main/res/drawable-xxhdpi<?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="@android:color/white" />
<!-- You can insert your own image assets here -->
<item>
<bitmap
android:gravity="fill_horizontal|fill_vertical"
android:src="@drawable/launch_bg" />
</item>
<item>
<bitmap
android:gravity="center"
android:src="@drawable/launch_image" />
</item>
</layer-list>The directory names and drawable references need to agree with the resources actually supplied by the application.
iOS
The source added LaunchBackground.imageset and LaunchImage.imageset to Runner’s asset catalog, then adjusted its launch storyboard:
+ Expand View Controller Scene -> View Controller -> View
+ Add object -> Search ImageView -> Drag ImageView object to View (front of LaunchImage)
-> Select Attributes inspector -> Custom Image to LaunchBackground
-> Change View Content Mode to Scale To Fill -> Add 0, 0, 0, 0 as constrains
-> Save The original image-set ZIP downloads are not imported into this site; their archive contents were outside the reviewed raster-asset boundary. These steps describe the older host project and do not establish current platform launch-screen requirements. No native project was modified.