flutter 在行动之踩坑的日子 (1)

这些天走马观花阅读了很多 flutter 的入门与实战书籍，说起来还是有点小失望的。现在编程类的书籍，其流程几乎千篇一律，都是从搭建运行环境开始，接着是相关语言的基础，基本组件的使用这些内容，最后用综合案例来做总结。

对于“做出一点东西”来说，这些介绍足够了。

但是对于“做出一个实用的项目”来说，这些介绍尚嫌不足。

我希望自己在做相关开发的时候，能够高屋建瓴，搭建起一个并非仅仅适用于一个项目的骨架，并且将这个骨架运用起来。

从这个角度来说，常见的入门与实战书籍，起到的作用实际上是工具参考书。

那么，就以一个足够实用的项目，和这个骨架，来作为这篇文章的内容吧。

首先这篇文章里不打算介绍安装运行环境之类的事情。想要进行 flutter 的开发，能够自己找到足够的资料，搭建一个合适的运行环境是起码的素质。

然后这篇文章也不打算按照组件 A、组件 B、组件 C...这样的模式来介绍各种组件的使用方法。我这次预备介绍一个完整项目从灵感到立项，从草图到设计，从编码到测试，从调试到调整的全部过程。

这个项目的灵感是来自印象笔记。最近我需要一个多平台的笔记软件，来记录和携带一些灵感、随笔和简单的记事。

但是试用了很多笔记软件，并不完全地符合我的需求。

我的感觉里，笔记这种玩意，应该是一个本子，拿起来就写，不用了就放下。然而现在的笔记软件动辄登录、会员、广告...

我另外有一个需求，就是将我自己的笔记发布给别人看。现在有些笔记软件支持了群组之类的功能，但是相对来说，就比较私密，只有对应的好友分组，对应的成员，才可以看到发布的笔记。

以上种种，所以自己做一个吧。

当然了，我开始的计划里，是准备在 flutter 的支持下做一个项目骨架的。但是在那之前，我必须对 flutter 有足够的了解。所以接下来，还是从 flutter 提供的基础项目模板开始。

这个项目的起始点，是 main.dart ，等同于 C 语言中的主函数。对于具备其他语言编程基础的人员来说，语法这种东西，只需要一本手册，就可以在使用过程中慢慢熟悉起来。

首先，这个 main.dart 运行起来之后，我们会得到一个界面。在桌面开发里，我们称这个界面为主窗口，而在智能手机开发时，我们通常称这个界面为主页面。

在进行 flutter 开发时，我们需要记住这样一件事情：

所有的东西，都是组件。

Widget

这句话先记住，但是不用想太多。编程这种事需要熟悉，需要日积月累。接下来我们需要了解的，是 flutter 开发的步骤。

对于一个页面来说，flutter 开发至少包括下列内容：

1 搞清楚自己需要做一个什么样的页面。

2 将页面划分为不同的组件。

3 在合适的布局里安排这些组件。

4 考虑页面的响应，与后台的处理。

5 适当的美化。

对于一个项目来说，flutter 开发至少包括下列内容：

1 项目的主要功能是什么？确认项目的所有功能。

2 项目的用户是哪些人？确认可能用到项目的所有角色。

3 项目具备多少个页面？为每项功能设计相关页面。

4 项目功能是否都可以实现？考虑功能的后台实现。

5 实现功能要求的所有页面。

6 将页面与后台联系起来。

7 进行测试、发布、和后续的宣传。

首先我使用草图设计出整个笔记软件的界面，从而初步确定项目所有的页面。

一共 22 个主要页面。

首先是所有软件默认都具备的欢迎界面。

显示软件信息，等待几秒，或者用户单击界面后，进入后续。

从功能上来说，欢迎页面用来展示界面信息以及必要的公告、提示。

草图 01-软件欢迎页面。

这个页面如何实现，用到哪些组件，在 flutter 里如何执行？这些事情，我们留在下一篇文章介绍。