fancy_onboarding_screen #

fancy_onboarding_screen

Demo #

Supports #

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 

or

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

✌ 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".