> For the complete documentation index, see [llms.txt](https://sememojugbe.gitbook.io/fluttermagazineui/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sememojugbe.gitbook.io/fluttermagazineui/the-app/splash-screen.md).

# Splash Screen

### Location

magaza\_ui/screens/splash.dart

### Screenshot

![](https://436780-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1f1D_inwZ2KLboxO9P%2F-M2h_GvyCPgDdXrBXoYU%2F-M2h_hxghyqN-2q-CAsh%2Fimage.png?alt=media\&token=e00e29d2-d082-462b-a5ce-2774da59484f)

### 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'));
}
```

�