zeba_academy_stepper_form 1.0.0 copy "zeba_academy_stepper_form: ^1.0.0" to clipboard
zeba_academy_stepper_form: ^1.0.0 copied to clipboard

A customizable step-by-step form builder for Flutter with validation, progress tracking, local persistence, and smooth transitions.

๐Ÿ“ฆ zeba_academy_stepper_form #

A powerful, customizable step-by-step form builder for Flutter with built-in progress tracking, validation, local state persistence, and smooth transitions.


โœจ Features #

  • ๐Ÿงฉ Step-by-step form UI
  • ๐Ÿ“Š Built-in progress indicator
  • โœ… Per-step validation support
  • ๐Ÿ’พ Save & restore progress locally
  • ๐ŸŽž๏ธ Smooth custom transitions (fade, slide)
  • ๐Ÿงฑ Clean and reusable architecture
  • โšก Lightweight & production-ready

๐Ÿš€ Getting Started #

1. Add Dependency #

dependencies:
  zeba_academy_stepper_form: ^1.0.0

2. Import Package #

import 'package:zeba_academy_stepper_form/zeba_academy_stepper_form.dart';

๐Ÿง  Usage Example #

ZebaStepperForm(
  steps: [
    ZebaStep(
      title: "Name",
      content: TextField(
        decoration: InputDecoration(labelText: "Enter Name"),
      ),
      validator: () {
        // Add your validation logic
        return true;
      },
    ),
    ZebaStep(
      title: "Email",
      content: TextField(
        decoration: InputDecoration(labelText: "Enter Email"),
      ),
      validator: () => true,
    ),
    ZebaStep(
      title: "Complete",
      content: Center(child: Text("๐ŸŽ‰ Done!")),
    ),
  ],
)

๐Ÿงฑ Core Components #

๐Ÿ”น ZebaStepperForm #

Main widget to manage steps, navigation, transitions, and storage.

๐Ÿ”น ZebaStep #

Represents each step with:

  • title
  • content
  • validator

๐Ÿ”น ZebaProgressIndicator #

Displays current step progress.

๐Ÿ”น StepStorageService #

Handles saving and restoring step index using local storage.

๐Ÿ”น ZebaTransitions #

Provides animation effects:

  • Fade
  • Slide

โš™๏ธ Configuration #

Property Description Default
steps List of steps required
duration Transition duration 300ms
enableStorage Save progress locally true

๐Ÿงช Testing #

Run tests using:

flutter test

Make sure to test:

  • Step navigation
  • Validation behavior
  • UI rendering
  • Storage persistence

๐Ÿ”ฅ Roadmap #

  • โŒ Form data persistence (not just step index)
  • โŒ Custom button builders
  • โŒ Step indicators (dots / icons)
  • โŒ Theme customization
  • โŒ Controller support (GetX / Provider)
  • โŒ Advanced animations

๐Ÿค Contributing #

Contributions are welcome!

  1. Fork the repo
  2. Create your feature branch
  3. Commit changes
  4. Open a pull request

๐Ÿ‘จโ€๐Ÿ’ป About Me #

โœจ Iโ€™m Sufyan bin Uzayr, an open-source developer passionate about building and sharing meaningful projects. You can learn more about me and my work at sufyanism.com or connect with me on Linkedin


๐ŸŽ“ Your all-in-one learning hub! #

๐Ÿš€ Explore courses and resources in coding, tech, and development at zeba.academy and code.zeba.academy. Empower yourself with practical skills through curated tutorials, real-world projects, and hands-on experience. Level up your tech game today! ๐Ÿ’ปโœจ

Zeba Academy is a learning platform dedicated to coding, technology, and development.

โžก Visit our main site: https://zeba.academy โžก Explore hands-on courses and resources at: https://code.zeba.academy โžก Check out our YouTube for more tutorials: https://www.youtube.com/@zeba.academy โžก Follow us on Instagram: https://www.instagram.com/zeba.academy/


Thank you for visiting! โค๏ธ

0
likes
140
points
27
downloads

Documentation

API reference

Publisher

verified publisherzeba.academy

Weekly Downloads

A customizable step-by-step form builder for Flutter with validation, progress tracking, local persistence, and smooth transitions.

Homepage

Topics

#flutter #stepper #form #ui #wizard

License

GPL-3.0 (license)

Dependencies

flutter, shared_preferences

More

Packages that depend on zeba_academy_stepper_form