introduction slider

Introduction Slider #

An introduction slider has some screens that can use to describe your application. You can describe your application's title, description, logo, etc. It comes with several features.

Sample screenshots are shown below #

introduction slider

Getting Started #

Below is an example of how to implement IntroductionSlider in a Flutter application.

IntroductionSlider(
  onDone: SecondPage(),
  items:[
    IntroductionSliderItem(
      image: FlutterLogo(),
      title: "Introduction Slider 1",
      description: "This is a description of introduction slider 1.",
    ),
    IntroductionSliderItem(
      image: FlutterLogo(),
      title: "Introduction Slider 2",
      description: "This is a description of introduction slider 2.",
    ),
    IntroductionSliderItem(
      image: FlutterLogo(),
      title: "Introduction Slider 3",
      description: "This is a description of introduction slider. 3",
    ),
  ],
);

To change the properties of button #

This example demonstrates how to modify default button properties. The only thing need to write in onDone is the name of the page you want to redirect. Don't need to write complete navigator code.

IntroductionSlider(
  skip: Text("SKIP"),
  next: Text("NEXT"),
  done: Text("DONE"),
  onDone: SecondPage(),
  items:items,
);

To change the properties of dot indicator #

IntroductionSlider(
  selectedDotColor: Colors.red,
  unselectedDotColor: Colors.blue,
  dotSize: 10.0,
  items:items,
);

How to control scrolling? #

An example of how to control swipe gestures and change scroll direction. In isScrollable, it uses a boolean value to control changing pages with swipe. By default isScrollable is true. Scroll direction can be changed by using scrollDirection.

IntroductionSlider(
  isScrollable:false,
  scrollDirection:Axis.vertical,
  items:items,
);

Properties #