CodeSam

一. 动画API认识 动画其实是我们通过某些方式（比如对象，Animation对象）给Flutter引擎提供不同的值，而Flutter可以根据我们提供的值，给对应的Widget添加顺滑的动画效果。 针对动画这个章节，我打算先理清楚他们的API关系和作用，再来讲解如何利用这些AP…

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

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

Flutter使用Dart作为开发语言和运行时机制，Dart一直保留着运行时机制，无论是在调试模式（debug）还是发布模式（release），但是两种构建方式之间存在很大的差异。 在调试模型下，Dart将所有的管道（需要用到的所有配件）全部装载到设备上：运行时，JIT（the…

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

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

一. JSON读取和解析 1.1. JSON资源配置 1.2. JSON读取解析 如果我们希望读取JSON资源，可以使用package:flutter/services.dart包中的rootBundle。 但是注意，查看该方法的源码，你会发现这个操作是一个异步的。 关于Fut…