Flutter app on start it is showing white screen for few second

Question

Why does my Flutter app show a white screen for few seconds on start? How do I solve this issue?

Answer 1

If you see the black window background of the activity showing until Flutter renders its first frame, add this on your AndroidManifest, between < activity> ... < /activity>

<meta-data        android:name="io.flutter.embedding.android.SplashScreenDrawable"    android:resource="@drawable/launch_background" /> 

Answer 2

You can use the package flutter_native_splash to add native splash screens for Android and iOS without the manual changes described in other answers.

The package does the manual changes for you.

1 - Depend on it:

dev_dependencies:
  flutter_native_splash: ^0.1.4

And flutter pub get

2 - Configure your splash screen on pubspec.yaml:

    flutter_native_splash:
      image: assets/images/splash.png
      color: 42a5f5

3 - Run the package

flutter pub run flutter_native_splash:create

Splash screens are now generated.

Answer 3

Android - Now you can change in

/AndroidStudioProjects/vendowallet/android/app/src/main/res/drawable/launch_background.xml

Something like

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

IOS

Change the LaunchImage in Assets.xcassets