# Onboarding Slider

### Location

lib/magaza\_ui/screens/i\_slider.dart

### Screenshot

![magaza\_ui/screens/i\_slider.dart](https://436780-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1f1D_inwZ2KLboxO9P%2F-M2hL3zOJERZVfFYc6LQ%2F-M2hOVVvS82iR11v6kzX%2Fimage.png?alt=media\&token=bc7e6302-cd4c-4f6b-88e5-14b1a566e72f)

### Customization

There is a Flutter list of slides and their meta information that you can edit and extend easily for more or less screens.

```
List<SlideMeta> pageSlides = [
  SlideMeta(
      title: 'Magazine UI',
      message: 'A Flutter news app for iOS and Android',
      backgroundColor: Colors.red,
      textColor: Colors.white,
      backgroundImage: 'assets/magaza/slider1.png'
  ),
  SlideMeta(
      title: 'Custom UI Design for News Apps',
      message: 'Complete with feed, detail, and other screens',
      backgroundColor: Colors.blue.shade500,
      textColor: Colors.white,
      backgroundImage: 'assets/magaza/slider2.png'
  ),
  SlideMeta(
      title: 'Kickstart your app development',
      message: 'Focus on building your app, not designing it',
      backgroundColor: Colors.white,
      textColor: Colors.black,
      backgroundImage: 'assets/magaza/slider3.png'
  ),
];
```

�Change (or add) to this list to update content of the slider