本篇会介绍一些 Flutter 中 Canvas 的常用绘制操作。 上图是 Canvas 绘制区域内的坐标系。 原点在左上角，水平向右为 x 轴正方向，垂直向下为 y 轴正方向。 绘制线段。 线段的宽度通过 Paint.strokeWidth 属性可以设置线段的宽度。 绘制一系…

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

一. 单子布局组件 1.1. Align组件 1.1.1. Align介绍 1.1.2. Align演练 1.2. Center组件 1.2.1. Center介绍 Center组件我们在前面已经用过很多次了。 事实上Center组件继承自Align，只是将alignment设…

一. Dart介绍和安装 1.1. 认识Dart Google为Flutter选择了Dart就已经是既定的事实，无论你多么想用你熟悉的语言，比如JavaScript、Java、Swift、C++等来开发Flutter，至少目前都是不可以的。 在讲解Dart的过程中，我会假定你已…

一. 环境搭建 1.1. 操作系统选择 Flutter可以在Windows上学习，也可以在macOS上，因为我之后的课程要进行Android和iOS的调试，所以我当前使用的环境是macOS的。 在安装的过程中，我也会说到很多Windows安装的注意事项，大家按照步骤一步步完成即…

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

一. 创建Flutter项目 1.1. 通过命令行创建 1.2. 通过开发工具创建 1.3. 默认程序分析 二. 开始Flutter代码 2.1. Hello World 2.1.1. Hello World的需求 2.1.2. Hello World的实现 下面，我们对不认识…

一. Dart的异步模型 1.1. Dart是单线程的 1.1.1. 程序中的耗时操作 针对如何处理耗时的操作，不同的语言有不同的处理方式。 处理方式一： 多线程，比如Java、C++，我们普遍的做法是开启一个新的线程（Thread），在新的线程中完成这些异步的操作，再通过线程…