onboarding_view_plus 0.0.1
onboarding_view_plus: ^0.0.1 copied to clipboard
A customizable Flutter package to display onboarding screens with smooth page transitions, indicators, and action buttons.
π§ Onboarding View #
A simple and customizable onboarding screen package for Flutter apps. Quickly add beautiful intro screens to your mobile app with page indicators, titles, subtitles, images, and skip/done buttons.
β¨ Features #
- Smooth page transitions
- Built-in page indicator using
smooth_page_indicator - Supports asset images
- Skip and Done callbacks
π¦ Installation #
Add to your pubspec.yaml:
dependencies:
onboarding_view: ^1.0.0
Then run flutter pub get
π Usage #
Begin first by creating OnboardingPageViewModels
OnboardingPageModel(
title: 'Welcome!',
description: 'Start your journey with us.',
imagePath: 'assets/onboarding1.png',
),
And then use the OnboardingPageView as below
OnboardingView(
pages: [
OnboardingPageModel(
title: "Welcome",
description: "This is an awesome onboarding screen.",
imageAsset: 'assets/images/intro1.png',
),
OnboardingPageModel(
title: "Learn Fast",
description: "Get started with Flutter in minutes.",
imageAsset: 'assets/images/intro2.png',
),
OnboardingPageModel(
title: "Letβs Go!",
description: "You are ready to build something great.",
imageAsset: 'assets/images/intro3.png',
),
],
onDone: () {
// Navigate to home or login
debugPrint("Onboarding Done");
},
onSkip: () {
debugPrint("Onboarding Skipped");
},
),