本书是一本系统且实用的Flutter全栈开发指南，内容涵盖Flutter框架原理、Dart语言核心特性和开发环境搭建等基础知识，以及UI构建、路由管理、动画处理与网络请求等关键技术讲解。同时，本书通过一个完整的图书阅读App项目，实战演示企业级架构设计、状态管理和混合开发方案，并引入测试驱动开发(TDD)提升代码质量。全书理论结合实战，致力于帮助读者从零掌握商业级应用开发全流程。
本书适合移动开发初学者及希望系统提升Flutter技术能力的工程师阅读学习。

当ChatGPT 能生成代码、Midjourney 能绘制UI、Copilot 能自动补全程序时，一个灵魂之问自然浮现：在AI 可以自动生成代码的时代，为什么我们还要学习编程？
这个问题背后，暗含着对技术本质的深刻思考。AI 确实正在改变软件开发的面貌：它能将自然语言转化为基础代码，能根据草图生成界面原型，甚至能协助调试程序错误。但就像望远镜的发明没有让天文学家失业，而是让人类看得更远一样，AI 本质上是开发者思维的延伸工具，而非替代品。
让我们回归编程的本质：AI 的代码生成是基于已有数据的模式匹配，就像用已知色块拼贴的油画，永远无法突破训练数据集的边界。当面对从未出现过的交互需求时（比如全新的手势操作体系），当要创造具有艺术美感的动效时（比如符合材料设计与拟态风格融合的过渡效果），这些需要人类独创性才能解决的问题，AI 只能停留在近似模仿的层面。
本书的创作初衷，正是要带领开发者穿透AI 辅助的迷雾，掌握真正的开发者思维模式。我们将通过Flutter 这个融合了渲染引擎、响应式框架和平台能力的跨端利器，深入探讨三个核心命题：
① 解构与重构的艺术：在模块化拆解练习中，你会亲历将复杂交互界面拆解为Text、Stack、Positioned 等基础组件的全过程，就像画家理解三原色般掌握UI 的原子构成。这种将抽象需求转化为具象可操作的细节的能力，是我们解决大多数问题的底层能力，这样的思维框架绝不仅仅只用于代码开发。
② 创造力的技术实现：在自定义绘制组件中将揭示如何用CustomPaint 突破现有组件的限制，就像雕塑家用刻刀赋予大理石生命。当你要实现一个从未有过的复杂图像进度条，或是构建具有物理特性的滚动效果时，正是开发者思维绽放火花的时刻。
③ 逻辑的精确之美：在架构设计中，我们会深入探讨如何设计可维护的状态流转架构。这种在数十个异步事件、数百个组件间构建确定性逻辑链条的能力，恰是人类思维严谨性的最佳体现。
选择Flutter 作为载体绝非偶然。这个融合了Dart 语言的简洁、响应式编程的优雅，以及自带渲染引擎强悍性能的框架，为我们提供了绝佳的思维训练场：它的热重载特性让创意快速可视化，Widget 树结构天然契合模块化思维，而跨平台能力则要求开发者建立抽象统一的逻辑模型这些特质，使得Flutter 成为培养现代开发思维框架的理想选择。
当你跟随本书完成第一个自定义Sliver 效果，当你亲手实现复杂的交错动画，当你在多端平台上看到完全一致的渲染效果时，你会理解：编程不仅是与计算机对话的技术，更是将抽象创意具象化为数字世界的魔法。这种创造的真实感，这种逻辑的掌控感，正是AI 时代开发者不可替代的价值所在。
让我们开启跨平台开发框架的学习之旅，从第一个Hello World开始，见证代码如何超越工具属性，成为思维跃迁的阶梯。

编著者

无

第1章 Flutter简介001
1.1 跨端技术的发展历史002
1.1.1 原生开发002
1.1.2 Hybrid 003
1.1.3 中间层开发＋原生渲染005
1.1.4 自渲染框架006
1.2 Flutter 是什么009
1.2.1 为什么是Dart 009
1.2.2 Flutter 的框架结构012
1.2.3 Flutter App 结构剖析014
1.2.4 声明式、响应式UI 014

第2章 Flutter开发环境搭建018
2.1 安装必要的软件工具019
2.1.1 系统要求019
2.1.2 安装Java 019
2.1.3 安装Android Studio 019
2.1.4 安装Android SDK 019
2.1.5 安装Flutter SDK 020
2.1.6 安装Flutter 开发插件020
2.2 运行App 及问题排查021
2.2.1 创建第一个Flutter 项目021
2.2.2 真机运行App 022
2.2.3 Flutter 环境问题排查023
2.2.4 Android 原生问题排查024
2.3 Android 模拟器使用方法024

第3章 Dart语言基础026
3.1 Dart 简介027
3.2 DartPad 027
3.3 重要概念027
3.3.1 注释027
3.3.2 万物皆对象029
3.3.3 强类型语言029
3.3.4 泛型029
3.3.5 全局函数030
3.3.6 全局变量030
3.3.7 成员访问控制030
3.3.8 空安全031
3.4 内置类型031
3.4.1 数字032
3.4.2 字符串032
3.4.3 布尔类型034
3.4.4 数组035
3.4.5 Set 036
3.4.6 Map 037
3.5 变量和常量039
3.5.1 变量定义039
3.5.2 变量初始化041
3.5.3 常量042
3.6 函数（基本语法） 042
3.6.1 函数的两种形式042
3.6.2 参数043
3.6.3 Lambda 表达式044
3.6.4 返回值045
3.7 运算符045
3.7.1 运算符的优先级及关联性045
3.7.2 类型判断运算符046
3.7.3 赋值运算符046
3.7.4 条件表达式047
3.8 流程控制047
3.8.1 条件语句047
3.8.2 循环语句050
3.8.3 跳转语句050
3.8.4 断言051
3.9 异常处理051
3.9.1 抛出异常051
3.9.2 捕获异常052
3.9.3 finally 053
3.9.4 自定义异常053
3.10 面向对象编程054
3.10.1 类和对象054
3.10.2 继承057
3.10.3 对象中的方法059
3.10.4 抽象类061
3.10.5 接口063
3.10.6 类扩展065
3.10.7 Mixin 067
3.10.8 静态变量和方法071
3.10.9 枚举072
3.10.10 泛型074
3.11 函数式编程076
3.11.1 什么是函数式编程076
3.11.2 Dart 语言中的函数式特性076
3.11.3 可迭代集合078
3.12 空安全080
3.12.1 为什么要设计空安全081
3.12.2 空安全的逻辑081
3.12.3 非空类型体系中的限制081
3.12.4 可空类型085
3.13 异步和流088
3.13.1 异步与并发的区别088
3.13.2 Future 088
3.13.3 async 和await 092
3.13.4 Dart 异步实现原理094
3.13.5 Stream 094
3.14 并发112
3.14.1 isolate 基本概念112
3.14.2 主isolate 113
3.14.3 后台isolate 113
3.15 库和可见性116
3.15.1 使用库116
3.15.2 实现库117
3.16 高效Dart 语言指南118
3.16.1 代码风格119
3.16.2 设计模式120
3.16.3 性能优化120
3.16.4 错误处理121
3.16.5 测试121

第4章 Flutter开发基础122
4.1 基础概念123
4.1.1 Flutter 项目目录结构123
4.1.2 声明式UI 124
4.1.3 万物皆Widget 124
4.1.4 Flutter 项目的代码结构126
4.1.5 Material Design 简介128
4.2 常用组件129
4.2.1 基础组件130
4.2.2 装饰组件145
4.2.3 布局组件154
4.2.4 可滚动组件167
4.2.5 自定义组件初探：StatelessWidget 和StatefulWidget 183
4.2.6 Flutter 渲染原理初探189
4.2.7 功能型组件190
4.3 路由管理198
4.3.1 定义页面198
4.3.2 路由管理器199
4.3.3 匿名路由199
4.3.4 命名路由200
4.3.5 动态生成路由202
4.3.6 对话框204
4.4 手势识别与事件处理208
4.4.1 常用手势识别208
4.4.2 手势识别原理211
4.5 通知215
4.5.1 Notification 的使用方法215
4.5.2 实际应用场景217
4.6 动画219
4.6.1 动画基本原理219
4.6.2 动画速度曲线221
4.6.3 Transition 动画222
4.6.4 属性切换动画223
4.6.5 叠加动画225
4.6.6 交织动画227
4.6.7 路由切换动画229
4.6.8 Hero 动画231
4.6.9 动画监听233
4.7 Flutter 渲染原理235
4.7.1 显示器、GPU、CPU 和操作系统235
4.7.2 Flutter UI 框架236
4.7.3 传说中的三棵树（Framework 内部原理） 237
4.7.4 布局约束241
4.8 自定义组件259
4.8.1 CustomPaint 组件259
4.8.2 CustomPainter 绘制器260
4.8.3 包含 child 的场景262
4.8.4 使用RepaintBoundary 避免重绘263
4.9 网络请求264
4.9.1 dio 库264
4.9.2 搭建mock 服务器267
4.9.3 json 数据解析269

第5章 实战项目说明272
5.1 项目UI 273
5.1.1 发现页273
5.1.2 书架页274
5.1.3 个人中心页275
5.2 标注讲解276
5.2.1 密度无关像素：dp 276
5.2.2 字体尺寸的处理277
5.2.3 颜色代码278

第6章 架构设计279
6.1 业务逻辑分层280
6.1.1 数据层：构建可靠的数据基础设施282
6.1.2 逻辑层287
6.1.3 UI 层289
6.2 辅助功能292
6.2.1 日志管理模块292
6.2.2 路由管理增强293
6.2.3 异常捕获体系294

第7章 实战项目启动296
7.1 项目初始化297
7.1.1 目录结构设计297
7.1.2 命名路由配置298
7.1.3 设置状态栏样式298
7.2 App 首页框架299
7.3 搜索栏组件301
7.4 发现页303
7.4.1 卡片封装303
7.4.2 发现页面306

第8章 个人中心页面308
8.1 个人中心页面工作流程309
8.1.1 工作流程描述309
8.1.2 使用Mockoon 模拟接口309
8.2 开发个人中心页面310
8.2.1 创建用户模型310
8.2.2 定义页面状态310
8.2.3 定义个人中心页面Bloc 311
8.2.4 实现个人中心页面312

第9章 书架页面315
9.1 书架页面业务逻辑316
9.1.1 书架页数据结构316
9.1.2 本地缓存方案316
9.1.3 在书架页面中使用KeyValueStorage 317
9.2 书架页面UI 开发319

第10章 阅读页面322
10.1 如何找到合适的三方库325
10.2 集成epub_view 326
10.3 封装三方库328
10.3.1 BookReader 组件328
10.3.2 BookReaderPage 页面331#VH AA

第11章 Bug分析及调试334
11.1 常见Bug 示例335
11.1.1 UI 布局问题335
11.1.2 状态管理问题335
11.1.3 异步操作问题336
11.2 建立Bug 的系统思考框架338
11.2.1 发现Bug 的时机338
11.2.2 不同时机发现Bug 的处理思路338
11.3 调试工具的使用340
11.3.1 Flutter Inspector 340
11.3.2 通过IDE 调试器调试应用341

第12章 混合开发方案设计346
12.1 为什么要混合开发347
12.2 Flutter 与原生系统通信的两种方式347
12.2.1 通过dart 的FFI 调用C/C＋＋代码347
12.2.2 通过MethodChannel 调用平台原生代码349
12.2.3 FFI 与MethodChannel 对比351
12.3 混合开发的三种模式351
12.3.1 通过Dart 的FFI 调用本地代码351
12.3.2 通过PlatformView 在Flutter 页面中展示原生视图351
12.3.3 Flutter 加原生混合开发模式352

第13章 测试驱动开发359
13.1 为什么要做TDD 360
13.1.1 瀑布模型的问题360
13.1.2 TDD 如何做的361
13.1.3 TDD 的核心价值362
13.2 Flutter 中的TDD 方案设计363
13.2.1 Flutter 中单元测试的特点363
13.2.2 架构与TDD 的测试范围363
13.3 Flutter 单元测试框架365
13.3.1 Dart 单元测试366
13.3.2 Widget 组件测试372
13.3.3 集成测试378
13.3.4 构建你的测试策略378
13.4 实战案例：购物车页面开发378
13.4.1 需求描述378
13.4.2 将需求拆解为任务379
13.4.3 任务拆解为测试用例379
13.4.4 红灯、绿灯、重构380
13.4.5 集成与端到端测试382