Splash Screen

Location

magaza_ui/screens/splash.dart

Screenshot

Customization

There is a container that holds the background image. Here is the code snippet to look at:

Container(
  decoration: BoxDecoration(
      image: DecorationImage(
          image: AssetImage('assets/magaza/splash-bg.png'),
          fit: BoxFit.fitWidth
      )
  ),
),

Open this file in your favorite photo editor

assets/magaza/splash-bg.png

Paste/position your preferred image and then overwrite the file, to maintain consistency across multiple screens

Changing how long the splash screen stays visible

Right after the class declaration, there is a timer duration of 3 seconds, after-which the app navigates to the slider. change the number to your choosing.

@override
void initState(){
  super.initState();
  Timer(Duration(seconds: 3), ()=> Navigator.of(context).pushNamed('/slider'));
}

Last updated