Flutter

Getting Started With Flutter– Build an Expense App

Learn stateful widget, regular expression, floating button, text fields, etc. in Flutter

Created by the author

In the first part of this series, you learned how to create a basic app in Flutter. There you learned only basic structure, some interactivity and you used only Stateless widgets. In this tutorial, you will develop an Expense App to learn state, stateful widget, regular expression, TextField widget, and some concepts in Flutter.

I tried my best to add minimal features so you could easily understand the building blocks for this app.

You will develop the following app with me:

Screenshot captured by the author

Features:

1. User can add a row with 2 text fields: category and cost
2. While typing the cost, the total cost will be shown on the title
3. User can delete the last row
4. User can update the cost at any row

Prerequisite:

You have to know Dart programming language and basic Flutter. If you don’t know Dart, you can learn quickly from this tutorial>

Dart Language Tutorial for Programmers

If you are first time developing a Flutter app you may try this one first:

Getting Started With Flutter– Create Your First Flutter App

Source Code: