Onboarding Slider

Location

lib/magaza_ui/screens/i_slider.dart

Screenshot

magaza_ui/screens/i_slider.dart

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

Last updated

Was this helpful?