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

demo_gif

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

Libraries

onboarding_screen