Flutter — How to add splash screen

The actual way of doing a Splash screen in Flutter for Android and iOS.

I want to shed some more light on the actual way of doing a Splash screen in Flutter.

Maybe most of the devs (like me) are thinking that there isn’t a Splash screen by default in Flutter and they need to do something about that. There is a Splash screen, but it’s with white background and nobody can understand that there is already a splash screen for iOS and Android by default.

The only thing that the developer needs to do is to put the Branding image in the right place and the splash screen will start working just like that.

Here is how you can do it step by step:

Android Splash screen — Step by Step

Step 1: Find the “android” folder in your Flutter project.

Step 2: Browse to the app -> src -> main -> res folder and place all of the variants of your branding image in the corresponding folders. For example:

• the image with density 1 needs to be placed in mipmap-mdpi,
• the image with density 1.5 needs to be placed in mipmap-hdpi,
• the image with density 2 needs to be placed in mipmap-xhdpi,