flutter_tutorial_overlay 1.0.4 copy "flutter_tutorial_overlay: ^1.0.4" to clipboard
flutter_tutorial_overlay: ^1.0.4 copied to clipboard

A Flutter package to create interactive tutorials, onboarding flows, guided tours, and user instruction overlays with step-by-step highlights and tooltips.

latest #

1.0.4 - 2025-09-10 #

  • update README file

1.0.3 - 2025-09-10 #

  • update README file

1.0.2 - 2025-09-10 #

  • Added showcase section in README file
  • Updated README file to enhance SEO of the package
  • Enabled the android project in the example
  • odified the example code to work perfectly on android devices

1.0.1 - 2025-09-08 #

Added #

  • tag property to TutorialStep for unique step identification
  • onStepNext callback to TutorialStep for step-specific next button handling
  • getEffectiveTag() method to TutorialStep that returns the tag or step index as fallback
  • Deprecation warning when using the deprecated onNext callback

Deprecated #

  • TutorialOverlay.onNext callback - Use TutorialStep.onStepNext instead
    • This provides better step-specific control and cleaner code organization
    • Will be removed in version 2.0.0
    • Migration guide added to documentation

Changed #

  • Step-specific callbacks now receive the step tag as a parameter
  • Improved documentation with migration examples
  • Enhanced API reference with deprecation warnings

Fixed #

  • Better callback organization for step-specific handling

Migration Guide #

Replace the global onNext callback with step-specific onStepNext callbacks:

Before:

TutorialOverlay(
  context: context,
  steps: steps,
  onNext: () => print('Next step'),
)

After:

TutorialOverlay(
  context: context,
  steps: [
    TutorialStep(
      targetKey: myKey,
      title: "Step 1",
      description: "Description",
      tag: "step_1",
      onStepNext: (stepTag) => print('Completed step: $stepTag'),
    ),
  ],
)

1.0.0 - 2025-08-25 #

Added #

  • Initial release of Flutter Tutorial Overlay
  • Interactive tutorial overlay with target highlighting
  • Customizable tooltips with titles and descriptions
  • Step-by-step navigation through tutorial steps
  • Responsive tooltip positioning
  • Blur overlay with highlighted target areas
  • Customizable styling options for tooltips, buttons, and highlights
  • Support for custom button styles and text
  • Dismissable overlay option
  • Comprehensive callback system (onNext, onSkip, onFinish, onComplete)
  • MIT License
  • Comprehensive documentation and examples

Features #

  • Target widget highlighting using GlobalKey
  • Automatic tooltip positioning to avoid screen edges
  • Customizable blur effects and overlay tinting
  • Button customization (Next, Skip, Finish)
  • Responsive design for mobile devices
  • Arrow indicators pointing to target elements
4
likes
160
points
37
downloads

Publisher

unverified uploader

Weekly Downloads

A Flutter package to create interactive tutorials, onboarding flows, guided tours, and user instruction overlays with step-by-step highlights and tooltips.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on flutter_tutorial_overlay