Search packages, repositories and app categories

flutter_onboarding_screen cover
Package detailsv2.0.2

flutter_onboarding_screen

A flutter package which help developer in creating a onboarding screens of their app.

AndroidiOSWebmacOSWindowsLinux
30-day downloads
53
Likes
26
Pub points
135

Install package

flutter pub add flutter_onboarding_screen

Package Overview

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

A Flutter package designed to simplify the creation of onboarding screens for mobile and web applications. It provides a customizable carousel interface that enables developers to present introductory content in a smooth, interactive way. With built-in support for multiple platforms including Android, iOS, Web, macOS, Windows, and Linux, it ensures consistent onboarding experiences across devices. The package is easy to integrate and enhances user engagement during app first-launch experiences.

Use cases

  • App onboarding flows
  • User tutorial screens
  • First-time user experience
  • Product feature introductions
  • Multi-page welcome screens

Key features

  • Pre-built onboarding carousel
  • Customizable UI components
  • Cross-platform compatibility
  • Easy integration with Flutter
  • Support for animations and transitions

Suitable for

  • New app developers
  • UX-focused projects
  • Mobile and web apps
  • Onboarding-heavy applications
  • Minimal setup requirements

Considerations

  • Limited customization beyond basic styling
  • Depends on external dependencies
  • May require additional state management
  • Not ideal for complex navigation patterns
  • No built-in analytics tracking

Original README

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

flutter onboarding screen

A new Flutter package for both android and iOS which help developer in creating a onboarding screen of their app.

Bitbucket open issues

Screenshots

Usage

Example

To use this package :

  dependencies:
    flutter:
      sdk: flutter
    flutter_onboarding_screen:
How to use
class TestScreen extends StatelessWidget {
    /*here we have a list of OnbordingScreen which we want to have, each OnbordingScreen have a imagePath,title and an desc.
      */
  final List<OnbordingData> list = [
    OnbordingData(
      imagePath: "images/pic11.png",
      title: "Search",
      desc:"Discover restaurants by type of meal, See menus and photos for nearby restaurants and bookmark your favorite places on the go",
    ),
    OnbordingData(
      imagePath: "images/pic12.png",
      title: "Order",
      desc:"Best restaurants delivering to your doorstep, Browse menus and build your order in seconds",
    ),
    OnbordingData(
      imagePath: "images/pic13.png",
      title: "Eat",
      desc:"Explore curated lists of top restaurants, cafes, pubs, and bars in Mumbai, based on trends.",
    ),
  ];

  @override
  Widget build(BuildContext context) {
    /* remove the back button in the AppBar is to set automaticallyImplyLeading to false
  here we need to pass the list and the route for the next page to be opened after this. */
    return new IntroScreen(list,MaterialPageRoute(builder: (context) => NextScreen()),
    );
  }
}
Created & Maintained By

Tushar Nikam

  Stackoverflow Buy Me A Coffee

Categories

Source repository

Projects using this package

No data available yet.