π¦ 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:
titlecontentvalidator
πΉ 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 buildersStep indicators (dots / icons)Theme customizationController support (GetX / Provider)Advanced animations
π€ Contributing
Contributions are welcome!
- Fork the repo
- Create your feature branch
- Commit changes
- 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! β€οΈ