Splash Screen Flutter — Create customize Splash Screen for flutter(Android/iOS)

Hey guys! I hope you all are enjoying awesome flutter!! In this article, I am going to show you creating a splash screen with pre-defined time with example.

Customized Splash Screen

I have created a splash screen with Splash Image and Circular Progress Indicator. Include version name too.

Here delay is for 5 seconds. So, after 5 seconds SplashScreen will be replaced by AfterSplashScreen widget.

SHOW ME CODE!!

Here is the SplashScreen.dart file:

Here, _loadWidget() async function is used for moving to the next widget after time completes.AfterSplash() in navigationPage() function is your next widget which you want to move/replace.

Other than this everything should be self-explanatory. We can use this widget directly in our RootApp Widget.

Here is the main.dart file:

A supporter is worth 1000 followers!!

❤❤ Hey!! Enjoying reading my post, please show some LOVE! ❤❤

If you like SMASH the CLAP 👏 Button and DISAPPEAR it from Medium.