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

Libraries

onboarding_screen