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

问题

Why my flutter app showing white screen for few sec on start and how to solve this issue ?

回答1:

You can overwrite this splash screen inside platform specific code. See here examples of how to do that.

回答2:

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

回答3:

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 pub run flutter_native_splash:create

Splash screens are now generated.

回答4:

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

回答5:

Among the files generated with the flutter create command. A splash screen is generated to be shown before the first frame when flutter is rendering widgets to screen. You can modify it to show a custom splash screen of your choice or you can just remove it..

Within the android folder, open up the AndroidManifest.xml file.

There you can remove the meta-data with attribute name ..SplashScreenUntilFirstFrame tag within activity named .MainActivity

You can check the drawables folder and styles.xml file to modify the splash screen if you want to keep it.

Within these folders there are also comments that explain more..

回答6:

I head the same problem. Even after I added splash screen I got the black screen for the first time loading the app. My solution was to change the flutter channel form stable to beta.

To do that open command prompt and then first check on what channel are you currently to do that type "flutter channel".

To change the channel type "flutter channel [channel you won't]".

After that type "flutter upgrade".

That's what helped me. I hope it helps also someone.

I found the solution here: https://github.com/flutter/flutter/issues/37155

回答7:

If ever there is a black screen or white screen or launch screen dismissed too quickly in iOS using Flutter framework try to use the step mentioned in the https://github.com/flutter/flutter/issues/36365#issuecomment-532072073

来源：https://stackoverflow.com/questions/56168832/flutter-app-on-start-it-is-showing-white-screen-for-few-second

标签

Flutter

flutter-layout