Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/abdulawalarif/stepper_for_ecommerce
Use the Stepper Widget in Flutter as a horizontal Stepper inside a Multi Step Form for Android and iOS.
https://github.com/abdulawalarif/stepper_for_ecommerce
android apps dart flutter flutter-apps flutter-examples ios material-design mobile
Last synced: 2 months ago
JSON representation
Use the Stepper Widget in Flutter as a horizontal Stepper inside a Multi Step Form for Android and iOS.
- Host: GitHub
- URL: https://github.com/abdulawalarif/stepper_for_ecommerce
- Owner: abdulawalarif
- License: mit
- Created: 2024-11-02T11:56:57.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-11-12T14:00:58.000Z (3 months ago)
- Last Synced: 2024-11-12T14:33:45.625Z (3 months ago)
- Topics: android, apps, dart, flutter, flutter-apps, flutter-examples, ios, material-design, mobile
- Language: C++
- Homepage:
- Size: 1.39 MB
- Stars: 7
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Stepper Widget | The Right Way | Multi-Step Forms Flutter Dart Project for Horizontal Stepper Form
## A Flutter project implementing a horizontal stepper form UI for a multi-step form submission experience.
## Features
This project provides a clean and reusable horizontal stepper component for form inputs, perfect for applications needing a guided, multi-step form process. This codebase is only for the UI, and does not include backend integration. Features include:
- Step-by-step process completion.
- Summary display at the end of the form.
- Tick mark on each step completions.
## File stracture
├── lib
│ ├── main.dart
│ ├── stepper.dart
│ ├── button.dart
## Run Locally
Clone the project
```bash
git clone https://github.com/abdulawalarif/stepper_for_ecommerce.git
```
Go to the project directory
```bash
cd stepper_for_ecommerce
```
Install dependencies
```bash
flutter pub get
```
Connect a physical device or start a virtual device on your machine
```bash
flutter run
```
## How to tweak this project for your own uses
This horizontal stepper can serve as a foundation for multi-step forms in various applications. Customize each step’s fields, validation, and submission logic according to your requirements. You can also switch to a vertical stepper layout by modifying `StepperType.horizontal` to `StepperType.vertical`.
## Reporting Bugs or Requesting Features?
If you found an issue or would like to submit an improvement to this project,
please submit an issue using the issues tab above. If you would like to submit a PR with a fix, reference the issue you created!
## Known Issues and Future Work
- Form validation for each step.
- Animations between steps.
## Author
- [@abdulawalarif](https://github.com/abdulawalarif)
## License
The MIT License (MIT). Please view the [License](LICENSE) File for more information.