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

一. 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设…

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

1. 文本Widget 1.1. 普通文本展示 1.2. 富文本展示 二. 按钮Widget 2.1. 按钮的基础 2.2. 自定义样式 三. 图片Widget 3.1. 加载网络图片 相对来讲，Flutter中加载网络图片会更加简单，直接传入URL并不需要什么配置，所以我们先…

一. StatefulWidget 1.1. 认识StatefulWidget 1.1.1. StatefulWidget介绍 如果你有阅读过默认我们创建Flutter的示例程序，那么你会发现它创建的是一个StatefulWidget。 1.1.2. 如何存储Widget状态？…

一. 创建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），在新的线程中完成这些异步的操作，再通过线程…

一. 运算符 1.1. 除法、整除、取模运算 1.2. ??=赋值操作 当变量为null时，使用后面的内容进行赋值。 当变量有值时，使用自己原来的值。 1.3. 条件运算符： 如果expr1不是null，直接使用expr1的结果。 1.4. 级联语法：.. 二. 流程控制 2.…