Homepage/Dashboard Page for Incident Portal App using Flutters Dart Programming Language

 

  

Flutter widgets and React components go by different names but they are built and behave the same. I played around few widget initially and then started implementing the first page of application Homepage/Dashboard. 

There are many good flutter packages available for quick building of your App, which one can customize based on their applications requirements. Following are the packages that I used to implement the Homepage/Dashboard. 

1. Charts : syncfusion_flutter_charts.
   They have many options in the charts and the customization was quite easy.


2. Navigation and Routing: go_router
   
This package uses Router API to provide a convenient, url-based API for navigating between different screens.

For Navigation Bar you I implemented two different Navigation Bar based on screen sizes

1. BottomNavigationBar : A material widget that's displayed at the bottom of an app used for Mobile or tablet only.


2. NavigationRail : The navigation rail is meant for layouts with wide viewports, such as a desktop web or tablet landscape layout