- 1- Install The Package
- 2- Create IntroViewFlutter
- 3- Create Page in App
- 4- Try The Package
- Finish
- main.dart
What you'll learn
- build Intro Views Flutter
Description
A Flutter package for simple material design app intro screens with some cool animations.
Table of contents #
Features
Getting Started
Usage
Documentation
PageViewModel Class
IntroViewFlutter Class
Bugs or Requests
Donate
Contributors
License
Features #
Easy addition of pages.
Circular page reveal.
Cool Animations.
Animation control, if the user stops sliding in the midway.
Skip button, for skipping the app intro.
Custom font selection.
Material Design.
Getting Started #
You should ensure that you add the intro_views_flutter as a dependency in your flutter project.
dependencies:
intro_views_flutter: '^2.8.0'
You should then run flutter packages get in your terminal so as to get the package.
Usage #
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),
iconImageAssetPath: 'assets/taxi-driver.png',
iconColor: null,
bubbleBackgroundColor: null,
body: Text(
'Easy cab booking at your doorstep with cashless payment system',
),
title: Text('Cabs'),
mainImage: Image.asset(
'assets/taxi.png',
height: 285.0,
width: 285.0,
alignment: Alignment.center,
),
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(
[page],
onTapDoneButton: (){
//Void Callback
},
showSkipButton: true,
pageButtonTextStyles: new TextStyle(
color: Colors.white,
fontSize: 18.0,
fontFamily: "Regular",
),
);
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.
Other Courses

Scala and Spark 2 - Getting Started
Get ready to develop applications using Scala and Spark

Fundamentals of Yoga
Fundamental Basics and Foundational Concepts of a Hatha (physical) Yoga Practice

How to Create a Complete Marketing Campaign in Under 1 Hour
Learn how the pros build online marketing campaigns quickly, easily, and successfully.

Top Tips for DAX users - Power BI and Excels Power Pivot
Tips for DAX users to help improve efficiency, modelling and much more in Power BI or Power Pivot

Pipe Stress Engineering Fundamentals
Teach those involved with piping systems the basics of material stresses and stress compliance checks in piping systems.

Practical Understanding of PHP and MySQL
Learn to understand the core of PHP and MySQL. Take the full course and Build a Database Web App
About the instructors

- 3.69 Calificación
- 6890 Estudiantes
- 4 Cursos
Ahmed Zeyada
Full Stack PHP Developer
Hi,
Iam Ahmed Zeyada, Iam Full Stack PHP Developer
I have may years For Programming And Design Websites Using PHP , MySQl , HTML 5, CSS3, JavaScript & jQuery.
My Experince is:
- HTML 5, CSS3
- JavaScript , jQuery
- PHP
- SQL
- 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
Student feedback
Course Rating
Reviews
Quite good specifically for its purpose
يا عم الله يهديك اتكلم عربي كويس يا ما انجليزي كويس ، انما اللغه الهم للي ببتكلم بيها ماحدش فاهم منها اي حاجه
Merci au formateur pour cette formation gratuite. Raison pour laquelle je lui mets la note de 4