Skip to content

简介

https://github.com/FunnyFlutter/todo_app

待办事项应用的主要功能就是增加、删除、完成和展示待办事项

我们要开发的待办事项应用其实并不复杂,共计包含 7 个页面,这 7 个页面之间会有一些简单的跳转关系。

首先是 "登录" 页面与 "注册" 页面
利用 Widget 构建完这两个页面后,还会学习在 Flutter 中如何在两个页面之间进行跳转。

当第一次通过登录或者注册进入待办事项应用的主页面后,应用便会记住我们的登录状态,下一次打开应用就不会再次进入登录页面了。

整个应用的核心页面就是 "列表" 页面。
在这个页面中,我们不仅可以单击查看某个待办事项(Todo)的详情,还可以直接单击某个事项的完成和标星按钮,来将这个事项设置为完成或者置顶。
在待办事项列表中,所有的事项默认按照时间排序,同时还保证已完成的事项排在未完成的事项之后,标星的事项一定排在普通的事项之前。
我们也可以通过长按手势来删除一个待办事项。
在构建这个页面的过程中,我们主要会学习 Flutter 中 ListView 的使用方式以及动画的使用

在了解完主要的 "列表" 页面之后,再来看两个统计分析页面
我们可以通过日历来浏览每个时间点中待办事项的完成情况。在构建这两个页面的过程中,我们主要会学习如何共享跨页面的数据。

最后一个页面是一个非常简单的 "关于" 页面
这个页面的主要功能是退出登录。在构建这个页面的过程中,我们会学习一种特殊的动画使用方式

除了以上这些主要起查看作用的页面以外,当我们单击列表中的待办事项,或者单击添加按钮时,都会打开编辑页面
从不同的入口打开,编辑页面会显示出不同的状态。
这里我们主要学习如何允许用户输入文本、时间、日期等内容。

新建项目

vscode:

打开 View > Command Palette(或者 Command + Shift + P)。

输入「flutter」,选择 Flutter: New Project。

选择 Application。

新建或选择新项目将存放的上层目录。

输入项目名称,例如 todo,并点击 Enter。

等待项目创建完成,并且 main.dart 文件展现在编辑器中。