fancy_onboarding_screen

Pub Version	Pub Points
Pub v1.0.2	150/160

Demo

demo

Supports

Platform Support	Android	iOS	MacOS	Web	Linux	Windows
	✔	✔	✔	✔	✔	✔

Features

fancy_onboarding_screen package is very easy to integrate into your project. Simply follow the steps below:

Getting started

Install fancy_onboarding_screen Package:

$ flutter pub add fancy_onboarding_screen

dependencies:
    flutter:
      sdk: flutter
    fancy_onboarding_screen:

Usage

import 'package:fancy_onboarding_screen/fancy_onboarding_screen.dart';

Examples

class _MyHomePageState extends State<MyHomePage> {

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: FancyOnBoardingScreen(),
      ),
    );
  }
}

The provided code creates a beautiful and fancy onboarding screen, which includes:

Dummy items for demonstration purposes
The option to create your own items to customize the onboarding screen to your needs
The option to change heading, sub heading and relevant styles as well.

Customize the fancy onboarding screen

By using these optional parameters you can customize the onboarding screen

List<OnBoardingItemModel> boardingItemsList = [
      OnBoardingItemModel(
        title: 'Write your title',
        subtitle: 'Sub title one!',
        image: 'assets/images/onboard_image_1.png',
      ),
      OnBoardingItemModel(
        title: 'Write your second title',
        subtitle: 'Sub title second!',
        image: 'assets/images/onboard_image_2.png',
      ),
      OnBoardingItemModel(
        title: 'Write your third title',
        subtitle: 'Sub title third!',
        image: 'assets/images/onboard_image_3.png',
      ),
    ];

To use OnBoardingItemModel, include the following import:

import 'package:fancy_onboarding_screen/core/model/onboarding_item_model.dart';

Now assign your declared list to onBoardingItems parameter

fboard_image

✌ Contributing

We welcome contributions to this package! Please feel free to fork the repository and submit your pull requests..

🚀 About Me

"Hi I am Muhammad Javed a Full Stack Flutter developer".