This video shows using stepper with forms in Flutter.
* Steppers and Forms in Flutter | Using steppers in Flutter *
This post includes a form with fields such as ( Name, Phone, Email). All these fields are placed in a stepper widget. Every step has 2 buttons: Continue and Cancel.
Clicking continues, leads to the next step while clicking cancel goes to the previous step.
On every form field, a validator is present
There are 3 main functions in steppers :
onStepContinue
onStepCancel
onStepTapped
If the validation is correct (checked on each and every step), then we go to the next step…. Finally, if every validation is correct, then you see an alert dialog with the details entered.
If something is found wrong on any step, a snack bar is shown…Else, formState.save() is called and as stated above alert dialog is shown.
Bonus, you might want to explore Validate package of flutter, which has in-built functionalities for validating various fields (e.g email, phone numbers)….
Website:
Medium blog:
For the complete source code, visit
In case, this helped, pass me a coffee!!
Смотрите видео Steppers and Forms in Flutter | Using steppers in Flutter | Steppers in Flutter @aseemwangoo#flutter онлайн без регистрации, длительностью 03 минут 05 секунд в хорошем sd качестве. Это видео добавил пользователь aseem wangoo 23 Май 2018, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 7 тысяч раз и оно понравилось 13 людям.