【flutter入坑】写一个todolist的项目作为练手

初始印象

• 官方版：Flutter allows you to build beautiful native apps on iOS and Android from a single codebase.。用大白话说，就是【Flutter让你用一套代码，同时在ios和android上构建漂亮的应用】
• 个人版：flutter可以让你同时在ios和android上起飞。不过RN或者weex不是就能做到了吗？而且社区也更成熟，为什么我要去学你这个dart，写一堆括号(组件写出来很多括号，手动吐槽)...

更多想法

1. 作为一个程序员，不能怕去尝试新事物，要勇敢拥抱变化。
2. flutter官方宣传了很多优点，热重载(开发体验)、预编译(性能)、UI组件直接对接底层(性能)、动画渲染(性能)等等特点，都吸引人去尝试。另外flutter可能会被用来开发fuchsia上的app？可能也是未来google主推的吧，maybe是一种趋势。
3. 以前没有尝试过app开发(一直用vue，weex自己写着玩过)。如果能够慢慢学习，掌握一门开发技能，并且做一些app给家人用，那就再好不过了。之前写过一个家庭信息管理系统，说不定利用flutter可以做一个桌面版。
4. 可以在这个过程中了解一些原生开发的知识

开发体验

1. 环境搭建：去年刚开始用beta版的时候，环境搭建还是很痛苦的，会莫名其妙报一些错误。不过基本都可以用stackoverflow查到(国外试坑的开发者还是挺多的)。深深体会到面向google开发是什么样的体验。解决问题就是几个站点:官网,github[issue],stackoverflow。
2. 关于dart: 用过面向对象语言的话，转到dart挺容易的。语言并不是一个制约。
3. 组件。flutter内置了很多material(物料)。实际开发体验的话，和react、vue这种差不多吧，特别是react。基本上组件都使用物料堆砌起来，就像是修房子一样。中间加一些逻辑串联。
4. bloc模式。业务逻辑组件(BLoC),就像是react和vue里面的逻辑对象，串联数据和视图，bloc完成业务逻辑功能。如果您用react、vue开发过项目,或者接触过mvc、mvvm这些开发模式，那应该很好理解，bloc目的就是分层，让视图归于视图,数据归于数据,业务归于业务。分层带来清晰的架构、更好的开发体验、更容易维护的代码。
5. 待续...

项目介绍

• 简介：一个用flutter写的todo-list入门项目。
• 重点关注：使用了bloc模式,使用了sqlite。
• 目标：一个可以拿来就用的开发架子(bloc，数据库, 项目基本结构)，帮您迅速进入flutter开发世界。
• 完成功能：
  1. 列表展示。
  2. 新增页
  3. 不同色彩标签，示例不同的优先级。
  4. 项目侧滑加标记
  5. 项目侧滑删除
  6. 一个小小的点击动效
• gif示例

后记

希望能够帮到大家，形成一个初步的印象。如果我有说错和写错的地方，希望能够指出，期待和您一起进步。(*.*)

我的项目-传送门

转载于:https://juejin.im/post/5c96461a6fb9a070d20f2422