前言
Day 1 初识Flutter与技能储备1
1.1 Flutter初始项目分析1
1.1.1 Flutter初始项目结构1
1.1.2 入口文件及MyApp分析2
1.1.3 MyHomePage与_MyHomePageState分析5
1.1.4 pubspec.yaml文件6
1.2 基本Debug技能7
1.2.1 断点和放行7
1.2.2 变量查询和唤醒程序8
1.2.3 Debug要点补充9
1.3 辅助技能储备10
1.3.1 三个实用工具10
1.3.2 片段代码和快速重构12
1.3.3 三个基础知识QA14
1.4 Widget知识储备15
1.4.1 命令式UI编程与声明式UI编程16
1.4.2 认识Widget体系16
1.4.3 Widget源码初识18
1.4.4 组件的提取抽离21
Day 2 Dart实用语法速览23
2.1 基础语法23
2.1.1 常用的数据类型23
2.1.2 变量与常量26
2.1.3 函数的使用27
2.2 通过Size类看Dart中的面向对象30
2.3 其他语法点34
2.3.1 常用符号与关键字34
2.3.2 库的使用和可见性35
2.3.3 泛型36
2.3.4 异步37
2.3.5 异常处理38
Day 3 界面风格和简单绘制39
3.1 Material风格40
3.1.1 Scaffold和BottomNavigationBar40
3.1.2 TabBar和TabBarView41
3.1.3 标题栏按钮和菜单组件42
3.1.4 弹出对话框43
3.1.5 界面的左右滑页43
3.1.6 showSnackBar和showBottomSheet44
3.2 Cupertino风格45
3.2.1 CupertinoPageScaffold和CupertinoTabScaffold46
3.2.2 CupertinoNavigationBar和CupertinoTabBar46
3.2.3 CupertinoTabView47
3.2.4 CupertinoAlertDialog和showCupertinoModalPopup47
3.3 认识CustomPainter绘制49
3.3.1 绘制网格49
3.3.2 Canvas初级绘制50
3.3.3 移植绘制n角星52
3.3.4 移植绘制粒子数字54
Day 4 基础Widget56
4.1 Text组件56
4.1.1 Text的基本使用56
4.1.2 Text的阴影和装饰线57
4.1.3 文字方向、对齐和溢出处理58
4.1.4 RichText的使用59
4.1.5 RichText与Text.rich60
4.2 Image组件60
4.2.1 Image资源的加载61
4.2.2 图片的适应模式62
4.2.3 图片颜色及混合模式63
4.2.4 图片对齐模式及重复模式63
4.2.5 用centerSlice实现图片局部放大64
4.3 Container的使用65
4.3.1 Container的基本使用65
4.3.2 Padding的使用66
4.3.3 Container的边线装饰66
4.3.4 Container的约束和变换67
4.3.5 Container与布局的渊源68
4.4 常用多子布局71
4.4.1 图解Flex布局71
4.4.2 Stack布局75
4.4.3 Wrap包裹布局76
Day 5 列表与滑动79
5.1 组件封装79
5.1.1 静态布局79
5.1.2 头像组件封装80
5.1.3 条目组件封装81
5.1.4 封装聊天信息组件82
5.2 ListView的使用84
5.2.1 基本用法85
5.2.2 ListView的构造及分隔线85
5.2.3 ListView的不同样式87
5.2.4 ListView的上拉与下拉87
5.3 常用滑动组件90
5.3.1 单子滑动组件SingleChildScrollView90
5.3.2 滑动控制器ScrollController92
5.3.3 滑页组件PageView94
5.3.4 网格组件GridView97
5.4 Sliver家族99
5.4.1 SliverAppBar的使用100
5.4.2 Sliver中的列表布局、网格布局及普通布局101
5.4.3 吸顶效果SliverPersistentHeader103
Day 6 动画与路由106
6.1 动画闲谈106
6.1.1 FPS106
6.1.2 动画控制器AnimationController107
6.1.3 运动盒108
6.2 Flutter动画详解111
6.2.1 Animation和Animatable111
6.2.2 动画状态监听和Animation方法116
6.2.3 动画简化和封装117
6.2.4 封装强化版FlutterContainer118
6.3 路由与导航122
6.3.1 打开路由122
6.3.2 路由的传参125
6.3.3 路由的跳转动画128
6.3.4 Hero跳转动画130
Day 7 手势组件与自定义组件132
7.1 手势组件与使用132
7.1.1 InkWell水波纹的使用132
7.1.2 GestureDetector的使用133
7.1.3 手写板的实现135
7.2 根据现有组件实现自定义组件137
7.2.1 切换Widget组件137
7.2.2 颜色选择圆钮组件ColorChooser139
7.2.3 函数运动组件MathRunner142
7.3 绘制自定义组件143
7.3.1 能力分析组件AbilityWidget143
7.3.2 图片放大组件BiggerView147
7.3.3 波纹线RhythmView150
Day 8 Flutter渲染机制153
8.1 认识三棵树153
8.1.1 漫谈Widget、Element、RenderObject154
8.1.2 认识RenderObject和Element156
8.1.3 三棵树结构158
8.1.4 三个根结点的初始化159
8.2 Element的装配162
8.2.1 RenderObjectToWidget-Element的装配162
8.2.2 StatelessElement和StatefulElement的装配164
8.2.3 多子元素挂载166
8.3 State类全解析168
8.3.1 State的生命周期回调169
8.3.2 State切换和跳转时生命周期测试173
8.3.3 setState做了什么175
Day 9 异步与资源178
9.1 认识异步与流178
9.1.1 Dart中的异步任务178
9.1.2 Dart中的流181
9.2 文件中的异步与流184
9.2.1 文件的简单操作184
9.2.2 文件读写的异步操作186
9.2.3 文件读写的流操作188
9.2.4 使用文件打造图标转换工具190
9.3 网络请求与json解析193
9.3.1 使用GitHub开放API 测试网络访问193
9.3.2 json解析197
9.3.3 异步方法的基本使用199
Day 10 数据共享与状态管理202
10.1 数据共享和参数传递202
10.1.1 数据共享的传统实现方式202
10.1.2 用InheritedWidget实现数据共享204
10.2 状态管理的原始处理过程207
10.2.1 数据准备与界面说明207
10.2.2 FutureBuilder与StreamBuilder的使用209
10.3 使用插件进行状态管理213
10.3.1 BLoC对数据状态的管理213
10.3.2 Provider对数据状态的管理219
10.3.3 Redux对数据状态的管理225
Day 11 数据持久化和读取230
11.1 Flutter中的数据库存储230
11.1.1 数据库的初始化231
11.1.2 使用sqflite进行增删改查234
11.1.3 数据库数据与UI界面的对接237
11.2 表单与数据持久化240
11.2.1 表单注册页240
11.2.2 持久化json数据和读取241
11.2.3 持久化XML数据和读取243
Day 12 插件及混合开发245
12.1 Flutter和平台间的通信方式246
12.1.1 Flutter/Dart端246
12.1.2 Android/Kotlin端247
12.1.3 用toast连接两个世界248
12.1.4 Flutter向平台传参250
12.1.5 插件的使用和上传253
12.2 Flutter常见插件的使用255
12.2.1 路径插件和权限插件255
12.2.2 音频播放插件audioplayer257
12.2.3 视频播放插件video_player259
12.2.4 图片拾取器image_picker261
12.2.5 通过webview_flutter使用已有Web页面262
12.3 Flutter的混合开发264
12.3.1 Flutter和Android混合... |
