接触Flutter其实已经很久了，从18年下半年就开始关注FLutter了，当时使用Flutter的人还非常少，我也只是大概看了看，写了个小Demo就没再深入了，短短不到两年时间，各大博客社区移动端的文章有一大部分都是关于FLutter的，可以看到，Flutter真的火起来了。…

一. Flutter单位 1.1. Flutter中的单位 Flutter使用的是类似于iOS中的点pt，也就是point。 所以我们经常说iPhone6的尺寸是375x667，但是它的分辨率其实是750x1334。 1.2. Flutter设备信息 二. 适配方案 2.1. …

一. Theme主题的使用 1.1. 全局Theme 全局Theme会影响整个app的颜色和字体样式。 使用起来非常简单，只需要向MaterialApp构造器传入 ThemeData 即可。 如果没有设置Theme，Flutter将会使用预设的样式。 当然，我们可以对它进行定制…

一. Flutter的渲染流程 1.1. Widget-Element-RenderObject关系 1.2. Widget是什么？ Flutter的Widgets的灵感来自React，中心思想是构造你的UI使用这些Widgets。 Widget使用配置和状态，描述这个View…

一. 为什么需要状态管理？ 1.1. 认识状态管理 很多从命令式编程框架（Android或iOS原生开发者）转成声明式编程（Flutter、Vue、React等）刚开始并不适应，因为需要一个新的角度来考虑APP的开发模式。 1.2. 不同状态管理分类 1.2.1. 短时状态Ep…

一. 路由管理 1.1. 认识Flutter路由 路由的概念由来已久，包括网络路由、后端路由，到现在广为流行的前端路由。 1.2. Route 官方的说法很清晰：An abstraction for an entry managed by a Navigator. 1.3. N…

一. 事件监听 第一层：原始指针事件（Pointer Events）：描述了屏幕上由触摸板、鼠标、指示笔等触发的指针的位置和移动。 第二层：手势识别（Gesture Detector）：这个是在原始事件上的一种封装。 2.1. 指针事件Pointer Pointer 代表的是人…

一. 数据请求和转化 1.1. 网络请求简单封装 目前我还没有详细讲解网络请求相关的知识，开发中我们更多选择地方的dio。 1.2. 首页数据请求转化 前端开发者很容易没有面向对象的思维或者类型的思维。 但是目前前端开发正在向TypeScript发展，也在帮助我们强化这种思维方…

这个练习小项目主要是为了锻炼布局Widget，但是也涉及到一些其他知识点：评分展示、分割线、bottomNavigationBar等。 2、分割线： 最初我考虑使用边框虚线来完成分割线，后来发现Flutter并不支持虚线边框，因此封装了一个DashedLine的小Widget来…