[套装书]Flutter实战入门+Flutter实战（2册）

2.3　App调试运行 15
2.3.1　Android 手机调试运行15
2.3.2　iOS手机调试运行18
2.4　设置App名称、图标 21
2.4.1　Android设置App名称、图标21
2.4.2　iOS设置App名称、图标22
2.5　设置App启动页 24
2.5.1　Android 设置启动页24
2.5.2　iOS设置启动页25
2.6　App 构建发布 26
2.6.1　Android 构建发布26
2.6.2　iOS构建发布31
2.7　本章小结 32
第3章　组件 33
3.1　基础组件 33
3.1.1　文本组件（Text）34
3.1.2　文本输入组件（TextField）40
3.1.3　图片组件（Image）42
3.1.4　按钮组件（Button）45
3.1.5　容器类组件（Container）47
3.1.6　容器类组件（Row和Column）48
3.2　Material 风格组件 50
3.2.1　MaterialApp50
3.2.2　Scaffold51
3.2.3　AppBar55
3.2.4　BottomNavigationBar56
3.2.5　TabBar58
3.2.6　Drawer61
3.3　Cupertino风格组件 62
3.3.1　CupertinoActivityIndicator62
3.3.2　CupertinoAlertDialog62
3.3.3　CupertinoButton63
3.3.4　CupertinoSlider64
3.3.5　CupertinoSwitch66
3.4　容器类组件 67
3.4.1　填充布局（Padding）67
3.4.2　居中布局（Center）68
3.4.3　对齐布局（Align）68
3.4.4　固定宽高比（AspectRatio）69
3.4.5　Transform70
3.4.6　Stack71
3.4.7　流式布局（Wrap）72
3.5　列表及表格组件 73
3.5.1　ListView73
3.5.2　GridView75
3.5.3　Table78
3.5.4　ExpansionTile79
3.6　项目实战：登录功能 80
3.6.1　登录界面UI分析80
3.6.2　顶部Logo83
3.6.3　账号、密码输入框83
3.6.4　提交按钮87
3.6.5　底部的“服务协议”87
3.6.6　Loading 控件89
3.7　本章小结 91
第4章　Dart语言基础 92
4.1　Dart简介 92
4.2　内置数据类型 93
4.3　定义变量、常量 94
4.4　定义函数 95
4.4.1　普通函数95
4.4.2　可选参数96
4.4.3　匿名函数96
4.4.4　箭头函数97
4.5　运算符及条件表达式 97
4.5.1　判定和转换类型的操作符97
4.5.2　三目表达式98
4.5.3　非空条件判断符98
4.5.4　级联运算符98
4.5.5　非空判断符98
4.6　分支与循环语句 99
4.6.1　if..else99
4.6.2　switch99
4.6.3　基本循环for和while100
4.6.4　List遍历101
4.6.5　Map遍历101
4.7　定义类 102
4.7.1　构造函数102
4.7.2　类的运算符重载103
4.7.3　extends、with、implements、abstract的用法104
4.7.4　定义私有变量106
4.8　导入包 106
4.9　异常捕获 107
4.10　异步编程 108
4.11　泛型 110
4.12　注释 111
4.13　本章小结 111
第5章　事件、手势处理 112
5.1　GestureDetector 112
5.2　GestureRecognizer 116
5.3　原始指针 118
5.4　实战：“左滑删除”效果 119
5.5　本章小结 123
第6章　动画 124
6.1　动画简介 124
6.2　动画基本使用 126
6.3　AnimatedWidget 129
6.4　AnimatedBuilder 131
6.5　交错动画 132
6.6　AnimatedList 135
6.7　Hero 138
6.8　本章小结 140
第7章　文件操作与网络请求 141
7.1　获取Android和iOS文件路径 141
7.2　文件夹常用操作 142
7.3　文件常用操作 144
7.4　HTTPClient网络请求 145
7.5　dio 介绍及使用 146
7.6　json数据转Model 148
7.7　项目实战：记事本 150
7.7.1　用记事本来写日记的效果150
7.7.2　日记的展示和添加152
7.7.3　日记的编辑和保存155
7.8　本章小结 158
第8章　路由导航和存储 159
8.1　路由导航 159
8.2　命名路由 162
8.3　shared_preferences存储数据 164
8.4　SQLite存储数据 165
8.5　本章小结 170
第9章　混合开发 172
9.1　Android与Flutter混合开发 172
9.1.1　Android原生项目引入Flutter172
9.1.2　添加Flutter到Activity175
9.1.3　添加Flutter到Fragment177
9.1.4　Flutter与Android通信178
9.2　iOS与Flutter混合开发 179
9.2.1　iOS原生项目引入Flutter 180
9.2.2　Flutter与iOS通信181
9.3　本章小结 182
第10章　国际化 183
10.1　开发的App支持国际化 183
10.2　监听系统语言切换 184
10.3　开发的UI支持国际化 186
10.4　使用Intl 189
10.5　本章小结 192
第11章　项目实战：新闻客户端 193
11.1　应用简介 193
11.2　整体框架及导航 196
11.3　轮播热门事件 198
11.4　搜索页面 202
11.5　设置页面 207
11.6　新闻分类 212
11.7　新闻列表及详情 214
11.8　本章小结 221
第12章　项目实战：App升级功能 222
12.1　App升级功能预览及功能分析 222
12.2　App升级功能提示框 226
12.3　下载应用程序 231
12.4　安装应用程序 237
12.5　Android平台跳转到应用市场进行更新 242
12.6　iOS平台跳转到App Store进行更新 246
12.7　本章小结 248



---------------------------Flutter实战---------------------------


前　言
第一篇　入门篇
第1章　起步 2
1.1　移动开发技术简介 2
1.1.1　原生开发与跨平台技术 2
1.1.2　Hybrid技术简介 3
1.1.3　React Native、Weex及快应用 5
1.1.4　QT Mobile 7
1.1.5　Flutter问世 8
1.1.6　总结 9
1.2　初识Flutter 10
1.2.1　Flutter简介 10
1.2.2　Flutter框架结构 12
1.2.3　如何学习Flutter 13
1.3　搭建Flutter开发环境 14
1.3.1　安装Flutter 14
1.3.2　IDE配置与使用 19
1.3.3　连接设备运行Flutter应用 21
1.3.4　Android Studio常见配置问题 24
1.4　Dart语言简介 26
1.4.1　变量声明 27
1.4.2　函数 28
1.4.3　异步支持 30
1.4.4　Stream 34
1.4.5　Dart与Java及JavaScript的对比 35
第2章　第一个Flutter应用 36
2.1　计数器应用示例 36
2.1.1　创建Flutter应用模板 36
2.1.2　首页 39
2.2　路由管理 42
2.2.1　一个简单示例 43
2.2.2　MaterialPageRoute 44
2.2.3　Navigator 45
2.2.4　路由传值 45
2.2.5　命名路由 47
2.2.6　路由生成钩子 50
2.2.7　总结 50
2.3　包管理 51
2.4　资源管理 55
2.5　调试Flutter应用 60
2.6　Flutter异常捕获 67
2.6.1　Dart单线程模型 67
2.6.2　异常捕获 69
第3章　基础组件 73
3.1　Widget简介 73
3.1.1　概念 73
3.1.2　Widget与Element 73
3.1.3　Widget主要接口 74
3.1.4　StatelessWidget 75
3.1.5　StatefulWidget 77
3.1.6　State 78
3.1.7　在Widget树中获取State对象 84
3.1.8　Flutter SDK内置组件库介绍 85
3.2　状态管理 87
3.2.1　Widget管理自身状态 88
3.2.2　父Widget管理子Widget的状态 89
3.2.3　混合状态管理 91
3.2.4　全局状态管理 93
3.3　文本及样式 94
3.3.1　Text 94
3.3.2　TextStyle 95
3.3.3　TextSpan 95
3.3.4　DefaultTextStyle 96
3.3.5　字体 97
3.4　按钮 99
3.4.1　Material组件库中的按钮 99
3.4.2　自定义按钮外观 100
3.5　图片及ICON 102
3.5.1　图片 102
3.5.2　ICON 107
3.6　单选开关和复选框 109
3.6.1　属性及外观 110
3.6.2　总结 110
3.7　输入框及表单 110
3.7.1　TextField 110
3.7.2　Form 118
3.8　进度指示器 122
3.8.1　LinearProgressIndicator 122
3.8.2　CircularProgressIndicator 123
3.8.3　自定义尺寸 124
3.8.4　颜色动画 125
3.8.5　自定义进度指示器样式 126
第4章　布局类组件 127
4.1　布局类组件简介 127
4.2　线性布局（Row和Column） 128
4.3　弹性布局（Flex） 133
4.4　流式布局 136
4.4.1　Wrap 136
4.4.2　Flow 137
4.5　层叠布局 139
4.6　对齐与相对定位（Align） 141
4.6.1　Align 142
4.6.2　Align与Stack对比 144
4.6.3　Center组件 145
第5章　容器类组件 146
5.1　填充（Padding） 146
5.2　尺寸限制类容器 147
5.2.1　ConstrainedBox 147
5.2.2　SizedBox 148
5.2.3　多重限制 149
5.2.4　UnconstrainedBox 150
5.2.5　其他尺寸限制类容器 152
5.3　装饰容器（DecoratedBox） 152
5.4　变换（Transform） 153
5.5　Container 156
5.6　Scaffold、AppBar和底部导航 158
5.6.1　Scaffold 158
5.6.2　AppBar 160
5.6.3　抽屉菜单 163
5.6.4　FloatingActionButton 165
5.6.5　底部导航栏 165
5.7　剪裁（Clip） 166
第6章　可滚动组件 169
6.1　可滚动组件简介 169
6.2　SingleChildScrollView 171
6.3　ListView 172
6.4　GridView 179
6.5　CustomScrollView 184
6.6　滚动监听及控制 187
6.6.1　ScrollController 187
6.6.2　滚动监听 191
第7章　功能型组件 194
7.1　导航返回拦截（WillPopScope） 194
7.2　数据共享（InheritedWidget） 195
7.3　跨组件状态共享（Provider） 200
7.4　颜色和主题 210
7.4.1　颜色 210
7.4.2　主题 212
7.5　异步UI更新 215
7.5.1　FutureBuilder 216
7.5.2　StreamBuilder 218
7.6　对话框详解 219
7.6.1　使用对话框 219
7.6.2　打开动画及遮罩 224
7.6.3　对话框实现原理 226
7.6.4　对话框状态管理 227
7.6.5　其他类型的对话框 235
第二篇　进阶篇
第8章　事件处理与通知 242
8.1　原始指针事件处理 242
8.2　手势识别 245
8.2.1　GestureDetector 245
8.2.2　GestureRecognizer 249
8.2.3　手势竞争与冲突 251
8.3　事件总线 253
8.4　Notification 255
第9章　动画 261
9.1　Flutter动画简介 261
9.2　动画基本结构及状态监听 265
9.2.1　动画基本结构 265
9.2.2　动画状态监听 270
9.3　自定义路由切换动画 270
9.4　Hero动画 273
9.5　交织动画 275
9.6　通用切换动画组件 278
9.6.1　AnimatedSwitcher 279
9.6.2　AnimatedSwitcher的高级用法 282
9.7　动画过渡组件 286
9.7.1　自定义动画过渡组件 286
9.7.2　Flutter预置的动画过渡组件 293
第10章　自定义组件 297
10.1　自定义组件方法简介 297
10.2　组合现有组件 298
10.3　组合实例：TurnBox 301
10.4　自绘组件（CustomPaint与Canvas） 305
10.5　自绘实例：圆形背景渐变进度条 309
第11章　文件操作与网络请求 318
11.1　文件操作 318
11.2　通过HttpClient发起HTTP请求 320
11.3　dio HTTP请求库 327
11.4　示例：HTTP分块下载 329
11.5　使用WebSockets 334
11.6　使用Socket API 338
11.7　JSON转Dart Model类 338
第12章　包与插件 348
12.1　开发Package 348
12.2　插件开发：平台通道简介 352
12.3　开发Flutter插件 355
12.4　插件开发：Android端API实现 357
12.5　插件开发：iOS端API实现 360
12.6　Texture和PlatformView 364
12.6.1　Texture（示例：使用摄像头） 364
12.6.2　PlatformView（示例：WebView） 373
第13章　国际化 375
13.1　让APP支持多语言 375
13.2　实现Localizations 379
13.3　使用Intl包 381
13.4　国际化中的常见问题 386
第14章　Flutter核心原理 388
14.1　Flutter UI系统 388
14.2　Element与BuildContext 390
14.2.1　Element 390
14.2.2　BuildContext 391
14.3　RenderObject和RenderBox 395
14.3.1　布局过程 395
14.3.2　绘制过程 398
14.3.3　命中测试 401
14.3.4　语义化 402
14.3.5　总结 403
14.4　Flutter运行机制：从启动到显示 403
14.5　图片加载原理与缓存 410
14.5.1　ImageProvider 410
14.5.2　Image组件原理 418
第三篇　实例篇
第15章　一个完整的Flutter应用 422
15.1　GitHub客户端示例 422
15.2　Flutter APP代码结构 423
15.3　Model类定义 424
15.4　全局变量及共享状态 427
15.4.1　全局变量：Global类 427
15.4.2　共享状态 428
15.5　网络请求封装 430
15.5.1　网络接口缓存 430
15.5.2　封装网络请求 433
15.6　APP入口及主页 435
15.6.1　APP入口 435
15.6.2　主页 437
15.6.3　抽屉菜单 443
15.7　登录页 446
15.8　多语言和多主题 449
15.8.1　语言选择页 449
15.8.2　主题选择页 451
参考文献 452

.　　第11章：通过分析一个项目的开发过程，展示Flutter的实际应用。
　　第12章：通过案例介绍App升级功能。
　　本书系统地讲解Flutter基础知识，这些都是在实际项目中经常会遇到的，既适合初学者，也适合专业技术人员。当然，如果读者有移动端或者前端开发经验，阅读起来体验会更好。本书各章内容相对独立，可以顺序阅读，也可以参照目录阅读需要的内容。
　　由于篇幅所限，本书中大多数示例代码都只是部分核心代码，完整代码可到GitHub下载，地址为https://github.com/781238222/flutter_examples。
　　致谢
　　首先感谢机械工业出版社吴怡编辑的耐心指点及帮助，在本书写作过程中吴怡编辑提供了非常专业的建议，并对本书进行了严格的审读。
　　然后要特别感谢我的爱人。2020年的新年是特殊的，新冠疫情给我们带来了巨大的困难，我的爱人作为一名医务工作者奋斗在疫情第一线，给我极大的鼓舞。没有她的勇敢和付出，本书也没有办法顺利到达你的手上。最后祝愿人类早日战胜病毒。
　　作者
　　于2020年春节
　　
　　
　　---------------------------Flutter实战---------------------------
　　
　　
　　起
　　在全球范围内，随着越来越多的知名公司将Flutter应用在自己的商业APP中，Flutter这门新技术逐渐进入了移动开发者的视野，尤其是当Google在2018年IO大会上发布了第一个Preview版本后，国内兴起了一股学习Flutter的热潮。
　　在Flutter发布之初，我在看完Flutter的原理介绍之后，就对它产生了浓厚的兴趣。当时，身边也有一些人比较关注Flutter，我也经常被问到关于Flutter的一些问题，比如Flutter怎么样，其与RN有什么区别，Flutter为什么要用Dart？当时还听到了一些批评的声音，比如有人认为Flutter只是重复造轮子，没有独特亮点，Flutter最大的缺点就是使用了Dart语言等。在听到这些问题及论调时，我深知这是由于评论者对Flutter不了解造成的，这与当时国内缺乏Flutter中文文档和教程有直接关系，很多人对Flutter的了解只停留在Google的发布会介绍（配有中文翻译）上。
　　在深入了解Flutter之后，我深知Flutter必将成为一个能够改变移动开发格局的里程碑级的作品，它从设计之初就兼顾性能和开发效率，并且借鉴了React（一个Web开发框架）的响应式UI框架设计思想等，总之，很难用一两句话说完Flutter的优点，同时我也很快成为Flutter的追随者。
　　为了更好地帮助国内开发者了解这门新技术，我于2018年年初开始翻译Flutter官网文档，同年4月上线了Flutter中文网，上线后反响很热烈，Flutter中文网也很快传播开来，百度搜索排名迅速提升到前三，截至目前，Flutter中文官网日浏览量在7万左右，每日独立访问人数近一万。
　　虽然Flutter中文网为国内开发者提供了很好的了解Flutter的资料，但是我经常会遇到一些对Flutter技术处于围观状态而不愿动手尝试的开发者。这主要是因为当时Flutter在国内没有成功案例，再加上新技术都有学习成本，所以即使有文档，也会有一些开发者犹豫是否投入学习。为了打消这部分开发者的疑虑，我想如果能用Flutter开发一个完整的APP发布到应用商店，这样开发者就可以在犹豫之际预先实际感受一下Flutter应用，有一个直观的了解之后，再做出判断就容易多了，为此，我开发了Gitme，它是一个GitHub客户端，它支持源码浏览、Issue、Label等GitHub的大多数功能，到目前为止，通过Gitme登录GitHub账号的用户有8000多人，日活用户有1000人。更重要的是，有很多人正是用了Gitme之后，才来学习Flutter的。
　　无论是做Flutter中文网，还是开发Gitme，我的主要目标都是帮助开发者学习Flutter，同时消除围观者的疑虑。但是当开发者们真正开始动手时，Flutter的生态问题就会变得尤为突出。由于在2018年年初Flutter才刚起步，很多基础的包和库都是空白，少数一些已有的库也大都是预览版（未到1.0），存在很多Bug。这个状况不是一两个人花一两天时间就能解决的，这需要聚集整个Flutter开发者社群之力，耗费数年时间才可能会有所改善。因此，在2018年4月份，我以Flutter中文网的名义发起了Flutter开源计划，该计划主要是开发一些常用的包来丰富Flutter生态，帮助开发者提高开发效率。自从在GitHub建立Flutter中文开发者社区官方账号以来，该社区前后开源了dio、cookieJar、flukit等多个项目，而dio在开源两周之后，迅速成为Flutter第三方包中星级排名第一的开源库。
　　虽然已经做了很多事情，但是仍有一些很有必要完成的事情，由于时间原因，一直被搁置。
　　随着越来越多的人学习Flutter，一部分开发者通过查看官网的文档就能入门，但也有很多开发者感觉学习时仍然有些吃力，主要原因有两个：首先官网的文档主要是为了引导开发者快速上手而写的，讲解并不是很详细；其次是我们虽然翻译了官方文档，但是对于Flutter SDK文档并没有翻译，而在开发中遇到的一些具体问题通常需要查看SDK文档才能解决。所以，要解决这两个问题，必须有一个系统化的Flutter教程，它不仅要可以快速引导开发者入门，而且要能触及一些细节和原理，最好还能提供一些学习和研究Flutter的方法。因此，如果有一本书能系统地介绍Flutter的相关知识，那将是非常棒的！但是，当时市面上还没有关于Flutter的中文书籍，因此，我便计划写一本能由浅入深、系统地介绍Flutter的书。2018年12月，本书初稿完成，并在GitHub上开源，同时上线了电子书官网（https://book.flutterchina.club/） ，至今每天有3000多人在线浏览。那么为什么不出版呢？如果直接出版，不仅有稿费，而且能保护知识产权。但是，无论是做中文网、开发Gitme，还是做Flutter开源项目，我的出发点都是为了帮助国内开发者了解、学习Flutter，这是一件非常有意义的事情。另外，由于成书比较仓促，当时书中存在很多错误，开源之后，有很多读者提建议来纠正书中的错误，时至今日，有78名开发者为本书提过建议，在此，我衷心地感谢你们。
　　起初，我并没有出版纸质书的打算，当时我认为开发者直接在线访问本书官网既方便又不用付费，何乐而不为。但在本书上线之后，很多读者添加笔者微信好友，表示非常有收获，很期待出版纸质图书，甚至还有热心的读者想预订！我理解，这是大家对我所做之事的认可和鼓励。考虑到确实有一部分读者，尤其是还没有毕业的学生，可能更喜欢通过纸质书来学习，为此，我决定与机械工业出版社合作，出版本书的纸质版，以满足部分读者的需求。
　　本书结构
　　本书采用由浅入深的方式介绍Flutter的技术原理，共分为三篇，15章，各篇的主要内容具体如下。
　　第一篇，入门篇（第1～7章），包括Flutter技术的出现背景和简介、Flutter各种类型的Widget以及如何构建UI。通过学习本篇内容，读者可以掌握如何使用Flutter来构建UI。
　　第二篇，进阶篇（第8～14章），包括Flutter中的事件机制、动画、自定义组件、文件、插件、国际化以及Flutter的核心原理等。通过学习本篇内容，读者可以对Flutter整体构建及原理有一个深入的认识。
　　第三篇，实例篇（第15章），主要通过一个简化版的GitHub APP将前面介绍的各章内容结合起来，让开发者对完整的Flutter APP开发流程有一个总体了解。
　　由于Flutter的很多知识点都是相互交织的，很难将它们彻底划分开，所以本书中难免会出现一些在前面章节使用后面章节所介绍的知识点的情况，比如，我们在入门篇介绍进度指示器时会用到在进阶篇中才介绍的动画的相关知识。对于这种情况，书中会在相应的章节进行说明。读者既可以直接跳到后面了解相应知识点后再返回之前的章节，也可以先留一个印象，待逐步学习完后面相关章节之后再回顾一下前面的内容。
　　本书特色
　　我在大学期间读过侯捷（真名侯俊杰）老师所著的C++相关的一些书籍，在侯老师的《深入浅出MFC》一书中，有一句话令我印象非常深刻：“唯有深入，方能浅出。”我非常认同这句话，对于一门技术而言，只有对其了解得足够深入，才能用最浅显、通俗的话语将其描述出来。做到深入浅出就是本书的一个主要目标。所以，本书不仅是想告诉读者如何使用Flutter，而且也非常关注各个知识点的底层实现及其设计思想。从本书章节的划分上来看，入门篇为“浅出”，进阶篇则是“深入”。另外，由于PC客户端开发、移动开发、Web开发这些经验我都有，而Flutter本质上是一个UI系统，而UI系统的设计和实现在“大前端”下有很多相通之处，所以对于本书中的一些知识点，我也会对比着其他UI系统（主要是Android或Web）中相应的实现进行讲解，以便于有相关开发经验的读者理解。
　　读者对象
　　至少熟悉一种编程语言的读者。
　　接触过PC客户端、移动开发或Web前端开发的读者。
　　关于随书源码
　　由于篇幅所限，本书中的大多数示例代码都只展示部分核心代码，读者可以通过https://github.com/wendux/flutter_in_action_source_code 查看完整源码。
　　勘误
　　由于Flutter SDK仍在不断更新，本书中的部分内容（如类的继承关系、参数等）可能会与新版本的Flutter不一致，读者应以最新的Flutter SDK为准。另外，由于时间仓促，书中难免有错误之处，读者可以在本书GitHub项目issues列表中反馈，地址是https://github.com/flutterchina/flutter-in-action/issues。
　　致谢
　　感谢一直以来支持Flutter中文网、Flutter开源项目的朋友以及所有对本书提过意见和建议的读者，正是因为有你们的支持，才有了这本书。另外尤其感谢在线上打赏过本书的读者，你们的支持给了我很大的鼓励。
　　

.　　—— 宋飞 腾讯高级工程师
　　本书内容全面，由浅入深地介绍Flutter开发相关技术和实现原理。结合丰富、完整的实例，让你快速上手Flutter开发并用于项目开发当中。
　　—— 郑睿（网名：宇是我）前网易资深安卓开发工程师
　　丰富的经验积累，架构设计与开发浑然一体，各行人读之，皆有裨益。
　　—— Jason 相持科技研发经理
　　本书非常适合初学Flutter的开发者与爱好者，作者多角度说明了Dart语言与Flutter的开发优势，从环境搭建到开发一个完整的应用，无论是开发细节，还是框架布局，本书中都有讲解，是一本优秀的中文Flutter实战指导书。
　　—— Pidbid 网络读者