持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第14天，点击查看活动详情

目录

1.【Flutter从0到1】番茄计时APP：项目筹备

2.【Flutter从0到1】番茄计时APP：原型图+功能梳理

3.【Flutter从0到1】番茄计时APP：环境搭建

4.【Flutter从0到1】番茄计时APP：跑通第一个页面

5.【Flutter从0到1】番茄计时APP：Dart 语言速览基础篇

6.【Flutter从0到1】番茄计时APP：Dart 语言速览进阶篇

7.【Flutter从0到1】番茄计时APP：Flutter 速览基础篇

8.【Flutter从0到1】番茄计时APP：Flutter 速览进阶篇

我画的原型图，小姐姐吐槽了超级久，这哪是原型图，分明就是概念图。

不过还好已经合作很久了，经过我的简单描述，加上设计小姐姐的产品思维，三个小时设计图就搞定了。

就是下面这样，不仅设计了UI，还对功能进行了梳理，超棒。

重点由以下几个模块构成。

登录注册页

这个项目怎么简单怎么来，所以我决定不搞手机号验证，邮箱验证之类的。拒绝个人资料泄漏，直接最原始最简单：账号+密码登录，登录即注册，所以一定要保存好自己的账号密码。

代办列表页（主页）

主页是代办列表，代办列表按照时间排序，可以左滑删除代办事项。

四象限时间管理

按照四象限时间管理法，把事项分为四类，显示效果如下，不得不说，这个紫色系有点喜欢。

创建代办

创建代办的基本操作。

番茄计时页

基础的番茄计时功能，页面比较简约。

个人中心页

极简的个人中心页，花哨的功能都不要。