单元1 Flutter基础与环境搭建 1
【学习导读】 1
【学习目标】 1
【相关知识】 2
1.1 Flutter简介 2
1.1.1 Flutter的起源 2
1.1.2 Flutter的特点 3
1.1.3 Flutter在行业中的应用 3
1.2 Flutter的安装与配置 4
1.2.1 安装VS Code 4
1.2.2 设置VS Code 7
12.3 安装Flutter SDK 9
1.2.4 Windows配置环境变量 10
1.2.5 macOS配置环境变量 13
1.2.6 Windows配置Android开发环境 14
1.2.7 macOS配置iOS开发环境 24
1.3 创建第一个项目 27
1.3.1 创建应用 28
1.3.3 编写第一个项目 29
【动手工坊】仿京东商城App—创建项目工程 34
【单元小结】 36
【课后练习】 36
【探索空间】仿瑞幸咖啡App—搭建项目工程 37
单元2 Dart语言基础 38
【学习导读】 38
【学习目标】 38
【相关知识】 39
2.1 Dart基础表达式 39
2.1.1 变量 39
2.1.2 操作符 42
2.1.3 注释 47
2.1.4 关键字 48
2.2 Dart常用数据类型 50
2.2.1 字符串 50
2.2.2 数字 50
2.2.3 布尔值 50
2.2.4 列表 50
2.2.5 集合 51
2.2.6 映射 51
2.3 Dart函数 51
2.3.1定义函数 51
2.3.2函数传参 52
2.3.3 函数返回值 52
2.4 Dart流程控制 52
2.4.1条件语句 52
2.4.2循环语句 53
2.4.3 异常处理 54
2.5 Dart类 55
2.5.1定义类 55
2.5.2构造函数 55
2.5.3实例化类 57
2.5.4 this关键字 57
2.5.5 继承 58
2.6 Dart库 58
2.6.1使用内置库 58
2.6.2导入部分库 64
2.7 第一个Dart程序 65
2.7.1 检测Dart环境 65
2.7.2 编写“Hello World” 66
2.7.3 运行程序 66
【动手工坊】仿京东商城App—搭建首页 66
【单元小结】 75
【课后练习】 76
【探索空间】仿瑞幸咖啡App—搭建首页 76
单元3 Flutter组件与布局 78
【学习导读】 78
【学习目标】 78
【相关知识】 79
3.1 组件概念 79
3.1.1 有状态组件 79
3.1.2 无状态组件 81
3.1.3 组件三种定义方式 82
3.1.4 组件生命周期 84
3.1.5 组件特点 86
3.2 基础组件 87
3.2.1 文本组件（Text） 87
3.2.2 图片组件（Image） 88
3.2.3 图标组件（Icon） 92
3.2.4 按钮组件（Button） 94
3.2.5 输入框组件（TextField） 96
3.2.6 表单组件（Form） 100
3.3 基础布局组件 103
3.3.1 容器布局组件（Container） 104
3.3.2 网格布局组件（GridView） 105
3.3.3 列表布局组件（ListView） 109
3.3.4 表格布局组件（Table） 114
3.4 排版组件 116
3.4.1 垂直组件（Column） 116
3.4.2 水平组件（Row） 117
3.4.3 流式组件（Wrap） 119
3.4.4 堆叠组件（Stack） 120
3.4.5 绝对定位组件（Positioned） 121
3.4.6 弹性布局组件（Expanded） 122
3.5 尺寸和位置组件 124
3.5.1 尺寸组件（SizedBox） 124
3.5.2 对齐组件（Align） 125
3.5.3 居中布局组件（Center） 126
3.5.4 填充布局组件（Padding） 128
【动手工坊】仿京东商城App—配置底部导航并搭建分类页面 129
【单元小结】 139
【课后练习】 139
【探索空间】仿瑞幸咖啡App—配置底部导航 140
单元4 Flutter 通用样式 141
【学习导读】 141
【学习目标】 141
【相关知识】 142
4.1 文本样式（TextStyle） 142
4.1.1 字体大小（fontSize） 142
4.1.2 字体粗细（fontWeight） 143
4.1.3 字体样式（fontStyle） 144
4.1.4 文本颜色（color） 145
4.1.5 字母间距（letterSpacing） 146
4.1.6 单词间距（wordSpacing） 147
4.1.7 文本行高（height） 148
4.1.8 文本基线对齐（textBaseline） 149
4.1.9 文本背景颜色（background） 150
4.1.10 文本线性装饰（decoration） 151
4.1.11 文本线饰颜色（decorationColor） 152
4.1.12 文本线饰样式（decorationStyle） 153
4.2 按钮样式（ButtonStyle） 155
4.2.1 按钮文本颜色（foregroundColor） 155
4.2.2 按钮禁用时文本颜色（disabledForegroundColor） 156
4.2.3按钮背景颜色（backgroundColor） 157
4.2.4按钮禁用时的背景颜色（disabledBackgroundColor） 158
4.2.5交互时按钮颜色（overlayColor） 159
4.2.6按钮最小尺寸（minimumSize） 160
4.2.7按钮边框样式（shape） 161
4.3布局样式 163
4.3.1 布局高度（height） 163
4.3.2 布局宽度（width） 164
4.3.3 背景颜色（color） 165
4.3.4 外边距（margin） 166
4.3.5 内边距（padding） 167
4.3.6 尺寸约束（constraints） 168
4.3.7 背景装饰（decoration） 169
4.3.8 前景装饰（foregroundDecoration） 170
4.3.9 边框（border） 171
4.3.10 组件边缘切割方式（clipBehavior） 172
【动手工坊】仿京东商城App—搭建购物车页面 174
【单元小结】 185
【课后练习】 185
【探索空间】仿瑞幸咖啡App—搭建购物车页面 186
单元5 Flutter路由与状态管理 187
【学习导读】 187
【学习目标】 187
【相关知识】 188
5.1路由 188
5.1.1路由表 188
5.1.2命令式路由 190
5.1.3命名路由 194
5.1.4路由回调 194
5.1.5路由传参 204
5.2状态管理 208
5.2.1 安装provider 208
5.2.2 准备状态数据 209
5.2.3 使用状态数据 210
5.2.4 更改状态数据 211
5.2.4 监听状态数据 211
【动手工坊】仿京东商城App—搭建个人中心及订单列表页面 213
【单元小结】 223
【课后练习】 223
【探索空间】仿瑞幸咖啡App—搭建个人中心和订单列表页面 224
单元6 Flutter数据持久化与网络请求 226
【学习导读】 226
【学习目标】 226
【相关知识】 227
6.1 异步编程 227
6.1.1 Future介绍 227
6.1.2 async与await的基本使用 228
6.1.3 使用Future方法 228
6.2数据持久化 230
6.2.1 shared_preferences 230
6.2.2 文件操作 232
6.2.3 SQLite数据库 237
6.3网络请求 246
6.3.1 HTTP请求 246
6.3.2 http请求插件 247
6.3.2 dio请求插件 248
6.3.3 使用WebSocket请求 251
【动手工坊】仿京东商城App—搭建商品详情和地址管理页面 254
【单元小结】 271
【课后练习】 272
【探索空间】仿瑞幸咖啡App—搭建商品详情页 272
单元7 AI辅助编程 274
【学习导读】 274
【学习目标】 274
【相关知识】 274
7.1 什么是AI辅助编程 274
7.2 AI辅助编程工具 275
7.2.1 工具介绍 275
7.2.2 工具选择指南 276
7.3 AI辅助编程的优势与挑战 277
【动手工坊】利用GitHub Copilot创建按钮并解释代码 278
【单元小结】 286
【课后练习】 286
【探索空间】利用GitHub Copilot实现数字增加 287