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
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
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 addingitems: [..]
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.