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.
Everything You Need to Know About Learn Make Intro View Using Flutter
This course is a comprehensive and well-structured introduction to Learn Make Intro View Using Flutter. The instructor, Ahmed Zeyada, is a leading expert in the field with a wealth of experience in Development to share.
The course is well-structured and easy to follow, and the instructor does a great job of explaining complex concepts in a clear and concise way.
The course is divided into sections, each of which covers a different aspect related to Web Development. Each module contains a series of video lectures, readings, and hands-on exercises.
The instructor does a great job of explaining each topic in a clear and concise way. He/She also provides plenty of examples and exercises to help students learn the material.
One of the things I liked most about this course is that it is very practical. The instructor focuses on teaching students the skills and knowledge they need to succeed in the real world. He/She also provides students with access to a variety of resources, including templates, checklists, and cheat sheets.
Another thing I liked about this course is that it is offered on Udemy. Udemy is a great platform for taking online courses because it offers a lot of flexibility for students. Students can choose to take courses at their own pace, and they can access the course materials from anywhere with an internet connection.
Udemy also offers a variety of payment options, so students can find a plan that works for them. The course also has a very active community forum where students can ask questions and interact with each other. The instructor is also very responsive to student questions and feedback.
Overall, I highly recommend this course to anyone who is interested in learning Learn Make Intro View Using Flutter. It is a well-organized and informative course that will teach you the skills and knowledge you need to succeed.
Got a question? We've got answers. If you have some other questions, please contact us.
To use coupons on our website, simply click on the "Take this course" button next to the course you're interested in. You will be redirected to the Udemy course page with the coupon applied automatically.
The coupons on our website can significantly reduce the price of Udemy courses, often making them very affordable or even free. However, the availability and terms of the coupons may vary.
Absolutely! We value your input and want to provide you with the courses you're interested in. If you have a specific course in mind that you'd like to see on our website, please don't hesitate to reach out to us. Simply send us the course title, and we'll do our best to contact the instructor and make it available to you.
The course may not be free on Udemy for two main reasons:Firstly, if the coupon for the course has expired, it won't be available for free or at a discounted price. Secondly, coupons often have a limited number of redemptions, and if the maximum limit has been reached, new users may not be able to enroll for free.
Yes, it's completely legal to enroll in courses using the coupons provided on our website. The coupons are offered in collaboration with instructors and are a legitimate way to access courses at discounted or free rates. However, it's essential to respect the terms and conditions set by Udemy and the course instructors.
The validity of coupons can vary from course to course. Some coupons may have a limited time frame of 4 days, while others could be available for an extended period. Be sure to check the coupon expiry details on our website.
