Search packages, repositories and app categories

Package detailsv1.0.1

sk_onboarding_screen

A library that walks a user through multiple on-boarding screens in a simple and easy way

30-day downloads
37
Likes
68
Pub points
30

Install package

flutter pub add sk_onboarding_screen

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

sk_onboarding_screen is a Flutter package designed to simplify the creation of onboarding experiences with multiple screens. It provides an easy-to-use interface for guiding users through a series of tutorial or welcome screens, enhancing user engagement during app first-launch. The package supports smooth transitions and customizable content per screen, making it ideal for apps that require intuitive onboarding flows. With minimal setup, developers can quickly implement a professional onboarding carousel.

Use cases

  • App onboarding flows
  • User tutorial screens
  • First-time user experience
  • Product feature introduction
  • Onboarding with swipe navigation
  • Customizable welcome screens

Key features

  • Simple API for multi-screen onboarding
  • Swipe-based navigation
  • Customizable content per screen
  • Minimal boilerplate code
  • Built-in transition animations
  • Easy integration with Flutter projects

Suitable for

  • New mobile app developers
  • Apps requiring user onboarding
  • Projects with limited design resources
  • Developers seeking quick onboarding implementation
  • Startups focusing on UX onboarding

Considerations

  • No built-in support for platform-specific behaviors
  • Limited customization for complex animations
  • Does not include skip or finish button styling by default
  • Requires manual handling of onboarding completion logic
  • No official documentation beyond GitHub README

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

SKOnBoarding Screen

  A library that walks a user through multiple on-boarding screens in a simple and easy way   Flutter

GIF

SKOnBoarding Demo

💻 Installation

You just need to add sk_onboarding_screen as a dependency in your pubspec.yaml file.

dependencies:
sk_onboarding_screen: ^1.0.1

Usage

Import this class
import 'package:sk_onboarding_screen/sk_onboarding_screen.dart;

SKOnboardingModel

  final pages = [
    SkOnboardingModel(
        title: 'Choose your item',
        description:
            'Easily find your grocery items and you will get delivery in wide range',
        titleColor: Colors.black,
        descripColor: const Color(0xFF929794),
        imagePath: 'assets/onboarding1.png'),
    SkOnboardingModel(
        title: 'Pick Up or Delivery',
        description:
            'We make ordering fast, simple and free-no matter if you order online or cash',
        titleColor: Colors.black,
        descripColor: const Color(0xFF929794),
        imagePath: 'assets/onboarding2.png'),
    SkOnboardingModel(
        title: 'Pay quick and easy',
        description: 'Pay for order using credit or debit card',
        titleColor: Colors.black,
        descripColor: const Color(0xFF929794),
        imagePath: 'assets/onboarding3.png'),
  ];
Pass it into SKOnboardingScreen Widget
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      body: SKOnboardingScreen(
        bgColor: Colors.white,
        themeColor: const Color(0xFFf74269),
        pages: pages,
        skipClicked: (value) {
          print("Skip");
        },
        getStartedClicked: (value) {
          print("Get Started");
        },
      ),
    );
  }

📃License

Copyright 2020, Senthil Kumar

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Categories

Source repository

Projects using this package

No data available yet.