Flutter Tutorial - Finance App Design in Flutter | Speed code Flutter UI

#flutter #Finance #FinanceApp #UI



In this Video We will walk through about how to design beautiful Finance App Dark UI using Flutter.

The design of this app is very smooth UI looks and neat clean and gives the best user experience to the user.

In this Finance App Dark UI we are having two screens:


First Screen is a HomePageScreen which show a total amount of money received, display the graphical view, total income, and outcome along with it we have used a BottomNavigationBar in it.

Second Screen is a CardScreen which shows a total number of the active card, recent transactions made by the user, the amount spent for each transaction, and many more.

We have implemented the BottomNavigationBar on the index page.


Kindly go through the code of this Finance App Dark App UI and I am sure it will help you to learn a lot.

► Page Timings
0:00 Final Output
0:12 Home Page Design
17:55 Product Page Design


►Detailed source code can be found on below Github link. Give a start to this project: https://github.com/maheshbosctechlabs/FinanceApp

►Design Credit: https://dribbble.com/shots/14038579-Dark-UI-for-finance-App/

In this video, we have used a Widget like ListView Widget, Container Widget, Stack Widget, and Card Widget.

► Social Media
GitHub: https://github.com/maheshbosctechlabs
Twitter: https://twitter.com/AgencyFlutter
Facebook: https://www.facebook.com/FlutterAgency
LinkdIn : https://www.linkedin.com/company/flutter-agency/

Please feel free to ask any help related to flutter or anything related to this video. Your suggestions for the future video would motivate us to create more videos as per your need.

Hit Like button if you like this video and subscribe to our channel at the below link.: https://www.youtube.com/channel/UCQp3j50Q3tdkZVwYt-eEz9A?view_as=subscriber

Thank you so much for watching this video, Keep Motivating us by Like, Subscribe and Sharing our video.

#Flutter #FlutterDesign #FlutterDevelopment

https://FlutterAgency.com