How to Build a Flutter™ App Bar Dashboard in 10 Minutes or Less

In this second part of our FlutterIn5Series, we are going to build widgets in 5 simple steps. More specifically, we are going to build a dashboard in the AppBar along with a simple bottom navbar, as shown in the image below:

As we already built a card list in the past, this post assumes readers would already have the code required to render the card list. If not, please do check out our post that helps you create one:

How to Build a Flutter Card List in Less Than 10 Minutes

Prerequisites:

1. Flutter card list code from lesson 1.
2. typicons_flutter: ^0.2.1 dependency to be added in pubspec.yaml. We are going to use this package to render the icons seen in the navbar at the bottom.

5 Steps to Create Build a Flutter™ App Bar Dashboard

>> Step 1: Basic AppBar Creation