Learn how to build a multi-step form flow and how to use bloc to effectively isolate the presentation layer from the business logic layer.

Related tags

Templates flutter flutter-examples flutter-bloc multi-step-form
Overview

Multi-page Form Flow

Learn how to build a multi-step form flow and how to use bloc to effectively isolate the presentation layer from the business logic layer.

This project shows -

  • how to create internal packages to effectively structure application.
  • how to use RepositoryProvider from flutter_bloc package.
  • how to use formz and work with validated object instead of primitive types.
  • how to use Bloc to work with Forms and Validations.
  • how to work with BlocBuilder, BlocListener and BlocConsumer to create the view.
  • how to and when to use Cubits to design Business Logic of the Stepper.
  • how to use the Stepper widget to create a multi-step form.

Note Read the article here on Medium. 👈

Note Check out the sample video here on Instagram. 👈

Preview

Getting Started

For help getting started with Flutter development, view the online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

If you like this repository, kindly give it a star ⭐

You might also like...

Flutter bloc infinite list - A sample application to learn flutter bloc the correct way

flutter_bloc_infinite_list A sample application to learn flutter bloc the correc

Aug 22, 2022

User auth form - Signup and signin user auth form with ability to stay signed in and have an option to signout.

user_auth_form SIgnup and signin user authentification form Getting Started This project is a starting point for a Flutter application. A few resource

Jan 6, 2022

FFloat, although simple and easy to use, can satisfy all your imagination of the floating layer.

FFloat, although simple and easy to use, can satisfy all your imagination of the floating layer.

ffloat FFloat, although simple and easy to use, can satisfy all your imagination of the floating layer. Born and elegant, supporting precise position

Oct 25, 2022

Flutter form fields designed to take much of the burden of form-related coding off the programmer's back — masks, validations, keyboard type, etc.

Flutter form fields designed to take much of the burden of form-related coding off the programmer's back — masks, validations, keyboard type, etc.

well_formed Contents Overview Getting Started Demo application References Overview Well-Formed Widget Fields - Well-Formed - is a collection of Flutte

Nov 2, 2022

A Flutter package that provides a dropdown form field using a dropdown button inside a form field.

A Flutter package that provides a dropdown form field using a dropdown button inside a form field.

Dropdown form field A dropdown form field using a dropdown button inside a form field. Demo Features Can be used as regular form field. Simple to impl

Jan 1, 2023

Form builder image picker - Form builder image picker for flutter

form_builder_image_picker Field for picking image(s) from Gallery or Camera for

Jan 28, 2022

Flutter Control is complex library to maintain App and State management. Library merges multiple functionality under one hood. This approach helps to tidily bound separated logic into complex solution.

Flutter Control is complex library to maintain App and State management. Library merges multiple functionality under one hood. This approach helps to tidily bound separated logic into complex solution.

Flutter Control is complex library to maintain App and State management. Library merges multiple functionality under one hood. This approach helps to

Feb 23, 2022

Material color picker, you can customize colors. Selection in two step, first main color and after shades.

Material color picker, you can customize colors. Selection in two step, first main color and after shades.

Flutter Material Color Picker Material Color picker is a Flutter widget, that can be customizable. By default, it's Material Colors, but you can defin

Nov 25, 2022

🌰🌰 [BLOC_PATTERN] [RXDART] [STREAM] 🍄🍄 Simple auth app flutter, server node.js, BLoC pattern, RxDart 🍁🍁 Functionalities: LOGIN, REGISTER, CHANGE PASSWORD, CHANGE AVATAR, FORGOT PASSWORD. Pure rxdart BLoC pattern. BLoC pattern without library.

🌰🌰 [BLOC_PATTERN] [RXDART] [STREAM] 🍄🍄 Simple auth app flutter, server node.js, BLoC pattern, RxDart 🍁🍁 Functionalities: LOGIN, REGISTER, CHANGE PASSWORD, CHANGE AVATAR, FORGOT PASSWORD. Pure rxdart BLoC pattern. BLoC pattern without library.

node_auth #node-auth-flutter-BLoC-pattern-RxDart ❄️ ❄️ BLoC pattern rxdart stream 🐋 🐋 Simple auth app flutter, server node.js, BLoC pattern, RxDart

Dec 29, 2022
Owner
Sandip Pramanik
Passionate Flutter Developer from INDIA, Technical Content Creator, Nitdgp '22
Sandip Pramanik
GitHub https://medium.com/@thecodexhubofficial/multi-step-form-with-flutter-bloc-and-stepper-widget-8d65b611cce1
flutter web app with given code and example. Step by step teaching how to build a flutter web app with backend

flutter_web A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if t

dbestech 20 Oct 26, 2022
A Flutter package allows you to Showcase/Highlight your widgets step by step.👌🔝🎉

ShowCaseView A Flutter package allows you to Showcase/Highlight your widgets step by step. Preview Installing Add dependency to pubspec.yaml Get the l

Simform Solutions 1.1k Jan 2, 2023
Asynchronous tasks and parallel executors, supporting all Dart platforms (JS/Web, Flutter, VM/Native) through transparent internal implementations with `dart:isolate` or only `dart:async`, easily bringing concepts similar to Thread Pools to Dart, without having to deal with `Isolate` and port/channel complexity.

async_task This package brings asynchronous tasks and parallel executors (similar to classic thread pools) for all Dart platforms (JS/Web, Flutter, VM

null 46 Dec 27, 2022
A state management library that enables concise, fluid, readable and testable business logic code.

Creator is a state management library that enables concise, fluid, readable, and testable business logic code. Read and update state with compile time

Xianzhe Liang 181 Dec 24, 2022
Generic validator - A generic validator with business logic separation in mind

This package provides APIs to facilitate separating validation and business rule

Ahmed Aboelyazeed 5 Jan 3, 2023
MV* Architectures - Responsible for the business logic of the application.

MV* Architectures MVC Model Responsible for the business logic of the application. Persisting application state: communication with the database. Data

Mekni_Wassime 2 Mar 15, 2022
Business Card - Business Card App Built With Flutter

Business Card app. Basic single page app with functionality. For now you can cha

buraktaha 5 Apr 20, 2022
This is a wallet application written in Flutter & Dart. Codebase could be shared effectively on other OS Platforms

Gwallet A Simple wallet application written in Flutter and Dart for Android and iOs. Getting Started For Android, Specifically. You can run iOS, by st

Gerald Maduabuchi 8 Dec 12, 2022
Form builder fix - A package helps in creation of data collection forms in Flutter by removing the boilerplate needed to build a form

Flutter FormBuilder - flutter_form_builder This package helps in creation of dat

Jannis 0 Jan 29, 2022
Flutter Slides utilizes Flutter Desktop Embedding to provide a simple slide presentation app

Flutter Slides Flutter Slides utilizes Flutter Desktop Embedding to provide a simple slide presentation app. Presentations are data driven from files

Tim Sneath 12 Oct 31, 2022