如何在不使用包的情况下在 Flutter 应用程序中添加本机启动画面

Question

i have applications and i need to use splash screen with background color and app icon in center of it.

THE problem with MIPMAP , if i used image inside drawble directory it will work, but i need mipmap because it has multiple dhp sizes.

Anyone know solution of this?

NOTE: i know that the android 32 has special demonstration, i need solution that word in all version.

thank you.

Answer 1

It may not be the best option, but If you want it to work in all versions and all devices, you can make your own splash screen page in flutter. And it can solve your problem.

For example in your main.dart file

 runApp(MaterialApp(
      theme: ThemeData(
        colorScheme: ColorScheme.light().copyWith(
          primary: Colors.red,
        ),
      ),
      home: SplashPage(), // here is your splash screen page
    ));

And in your SplashPage file, you can run some async functions if you want, and you can navigate to the main page after that.

Answer 2

First, to add a native splash screen without packages you need to prepare the app icons or the images you need with the following sizes

 1- mdpi = 1x pixel
 2-xhdpi = 2x pixel
 3-xxhdpi = 3x pixels
 4- xxxhdpi = 4x pixel
 5-hdpi = 1.5x pixels
 as x is the size of the ixcons 

then add all the icons with the same name at path as each app icon at its positions like this images

the at android/app/src/main/res/drawable/launch_background.xml write the following code

<?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/color_name" />

<!-- You can insert your own image assets here -->
<item>
    <bitmap
        android:gravity="center"
        android:src="@mipmap/image or app icon name" />
</item>

then to change the color

1-create colors file at 
 example_app/android/app/src/main/res/values/
 2- write the color code you want 

  <?xml version="1.0" encoding="utf-8"?>
   <resources>

<color name="splash_color">#ED9728</color>

</resources>

Answer 3

Use flutter_native_splash: ^2.2.17 package to generate native splash screen for different platforms

Answer 4

You can use flutter_native_splash in your dev_dependencies . That will make it available as a command line tool to generate the splash screen but the package will not be compiled into your app. If you don't even want to keep it in your dev_dependencies you could run it once, remove it from your project, and then examine what files were chanced if you want to make additional manual tweaks.

Full disclosure: I maintain this package.