hw_introduction_screen

Description:

hw introduction screen

HwIntroductionScreen #
Introduction screen allow you to have a screen at launcher for example, where you can explain your app.
This Widget is very customizable with a great design.

Installation #
You just need to add hw_introduction_screen as a dependency in your pubspec.yaml file.
dependencies:
hw_introduction_screen: ^0.0.1
copied to clipboard
Example #
Simple intro screen
HwIntroductionScreen(
onFinish: (){
// do something
},
items: // this param is required
[
HwIntroductionItem(
title: 'Introduction Title', // String
caption: 'Introduction Caption', // String
image: Image.asset('assets/images/image.jpg') // Widget
),
HwIntroductionItem(
title: 'Introduction Title 2', // String
caption: 'Introduction Caption 2', // String
image: Image.asset('assets/images/image_2.jpg') // Widget
),
]
); //Material App
copied to clipboard
Parameters of HwIntroductionScreen widget #
Many parameters can be used to customized Intro like you want !
This is all parameters you can add :

This param si required, that will be display (HwIntroductionItem), by adding items: [..] parameter.
Set a custom callback when done button is pressed, by adding onFinish: () {} parameter.
Set a custom finish button (Widget), by adding finishButton: Text('Done')
Set a color of finish button, by adding finishButtonColor: Color()
Set a custom skip button (Widget), by adding skipButton: Text('Done')
Set a color of skip button, by adding skipButtonColor: Color()
Set a custom next button (Widget), by adding skipButton: Text('Done')
Set a color of next button, by adding skipButtonColor: Color()
Set a color of active indicator, by adding indicatorActiveColor: Color()
Set a color of unactive indicator, by adding indicatorUnactiveColor: Color()

Parameters of HwIntroductionItem (each pages) #
You can also provide many parameter to customize each pages :

set title text, by adding title: "Introduction Title"
set a color of title, by adding titleColor: Color()
set a custom TextStyle of title, by adding titleTextStyle: TextStyle()
set caption text, by adding caption: "Introduction Captoin"
set a color of caption, by adding captionColor: Color()
set a custom TextStyle of caption, by adding captionTextStyle: TextStyle()
image: Image.asset(...) image of the page.

It's expecting a Widget, so if you want to pass a Video, Text, or anything else, you can.