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

flutterflutter-layout

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

Best Answer

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

Related Solutions

Flutter – Yellow lines under Text Widgets in Flutter

The problem is having a Scaffold or not. Scaffold is a helper for Material apps (AppBar, Drawer, that sort of stuff). But you're not forced to use Material.

What you're missing is an instance of Theme as a parent.

Why is that important to know? Because when you'll develop a Modal (using showDialog for example), you'll face the same problem. BUT Scaffold is an opaque fullscreen widget! And you obviously don't want that in your Modal.

There are many ways to introduce a Theme instance. In Material App, this is usually achieved by instantiating a Material Widget. And guess what? Scaffold creates one for you. But Dialog too!

Flutter – How to remove the Flutter debug banner

On your MaterialApp set debugShowCheckedModeBanner to false.

MaterialApp(
  debugShowCheckedModeBanner: false,
)

The debug banner will also automatically be removed on release build.

Best Answer

Related Solutions

Flutter – Yellow lines under Text Widgets in Flutter

Flutter – How to remove the Flutter debug banner

Related Topic