Learn Make Intro View Using Flutter
- VS Code
A Flutter package for simple material design app intro screens with some cool animations.
Table of contents #
Bugs or Requests
Easy addition of pages.
Circular page reveal.
Animation control, if the user stops sliding in the midway.
Skip button, for skipping the app intro.
Custom font selection.
Getting Started #
You should ensure that you add the intro_views_flutter as a dependency in your flutter project.
You should then run flutter packages get in your terminal so as to get the package.
IntroViewsFlutter widget require a list of PageViewModel , and some other parameters. Refer the code below to create a PageViewModel page.
Final page = new PageViewModel(
pageColor: const Color(0xFF607D8B),
'Easy cab booking at your doorstep with cashless payment system',
titleTextStyle: TextStyle(fontFamily: 'MyFont', color: Colors.white),
bodyTextStyle: TextStyle(fontFamily: 'MyFont', color: Colors.white),
Now refer the code below to get the IntroViewsFlutter widget.
final Widget introViews = new IntroViewsFlutter(
pageButtonTextStyles: new TextStyle(
For further usage refer the example available.
For Landscape preview click the link.
Note : If you added more than four pages in the list then there might be overlapping between page icons and skip button, so my suggestion is just make the showSkipButton: false.
- Mobile Developers
- Flutter Learner
- 1- Install The Package
- 2- Create IntroViewFlutter
- 3- Create Page in App
- 4- Try The Package
Iam Ahmed Zeyada, Iam Full Stack PHP Developer
My Experince is:
- HTML 5, CSS3
- Laravel, CodeIgniter
- git, github, gitlab
I have worked on many large projects in conjunction with specialized software teams
She also worked as a trainer for several large technology companies and organizations in the field of web programming and API programming