onboarding_intro_screen 0.0.8
onboarding_intro_screen: ^0.0.8 copied to clipboard
A Flutter package for both android and iOS which provides On Boarding Screen.
A new flutter package for both android and ios which help you to create intro screen, onboarding screen in a simple and easy way.
Installation #
for installation add onboarding_screen package in pubspec.yaml file.
Features #
This is the example of on boarding screen. for starting screen

Usage #
To use this package in your project to add your project pubspec.yaml file.
dependencies:
onboarding_intro_screen: ^0.0.5
Follow the example found at the main.dart of the example and implement it in your app.
How to use #
class MyApp extends StatefulWidget {
const MyApp({Key? key}) : super(key: key);
@override
State<MyApp> createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
@override
Widget build(BuildContext context) {
return OnBoardingScreen(
onSkip: () {
debugPrint("On Skip Called....");
},
showPrevNextButton: true,
showIndicator: true,
backgourndColor: Colors.white,
activeDotColor: Colors.blue,
deactiveDotColor: Colors.grey,
iconColor: Colors.black,
leftIcon: Icons.arrow_circle_left_rounded,
rightIcon: Icons.arrow_circle_right_rounded,
iconSize: 30,
pages: [
OnBoardingModel(
image: Image.asset("assets/images/img1.png"),
title: "Business Chat",
body:
"First impressions are everything in business, even in chat service. It’s important to show professionalism and courtesy from the start",
),
OnBoardingModel(
image: Image.asset("assets/images/img3.png"),
title: "Coffee With Friends",
body:
"When your morning starts with a cup of coffee and you are used to survive the day with the same, then all your Instagram stories and snapchat streaks would stay filled up with coffee pictures",
),
],
);
}
}
OnBoardingModel(
image: Image.asset("assets/images/img1.png"),
title: "Business Chat",
body:
"First impressions are everything in business, even in chat service. It’s important to show professionalism and courtesy from the start",
),