个人支出应用

这是我做的第三个 Flutter 应用。主题涉及用户的个人支出。应用程序的主页上有一个显示一周前支出的值的图表和支出列表。此页面如下所示:

用户可以通过按底部或应用程序栏中的按钮来添加新支出。然后会拉出“表单”。用户需要输入标题、金额并从日历中选择一个日期来添加此支出。当然,您不能从未来选择日期或将金额作为字符串发送。它看起来像这样:

让我们添加更多支出。现在,如您在图表中看到的,您可以看到过去一周中各天的支出。一天花费的金额四舍五入到整数值。绘制条的量取决于特定一天所有支出占总支出的比例。当然,支出列表是可以滚动的。用户还可以从列表中删除支出。它看起来像这样:

但是,当用户旋转手机时,应用程序会进行调整,并且会显示一个开关,该开关可以显示图表或隐藏它,从而显示支出列表。

此外,该应用程序是响应式的,因此在任何设备上看起来都应该相同。这就是应用程序。现在,让我们继续讨论该应用程序的缺点以及我在创建它时学到的东西。

应用程序的缺点

  • 关闭应用程序时会删除支出(没有服务器或 SharedPreferences)
  • 没有严格的验证,因为它不是表单

我学到了什么

  • 选择和使用带日期的日历
  • 创建响应式应用程序并根据手机是否旋转进行调整

还有许多其他不太重要的内容……

接下来的应用程序(已经更酷)将在未来几天发布。

GitHub

查看 Github