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",
),