zeba_academy_stepper_form 1.0.0
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:
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 builders
- โ Step indicators (dots / icons)
- โ Theme customization
- โ Controller 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! โค๏ธ