Flutter 支出追踪器主屏幕
This recreates a ui design for a spending tracker app in Flutter.
这个Flutter项目重新创建了一个极简的支出追踪器应用主屏幕设计。该模型由Dribble上的@elainelumanauw.design创建。
我在Elaine的Reels中看到了这个模型，并觉得用Flutter在功能上重新创建它会很酷。
它在Flutter中的样子
原始设计模型
运行此项目
在项目目录中运行flutter run。
项目结构
为该项目专门添加/编辑的文件是
- assets
- ...3个类别的图片
- lib/constants
app_colors.dart，其中包含一个抽象的常量封装类，用于一些常用颜色。
- lib/models
spending_category_model.dart，用于封装每个类别的相关信息
- lib/screens
home_screen.dart，其中包含应用的主屏幕。
- lib/widgets
- ...主屏幕使用的所有小部件
- lib/main.dart
