Flutter技术入门与实战

前言

第1章　开启Flutter之旅  1

1.1　Flutter的特点与核心概念  1

1.1.1　一切皆为组件  2

1.1.2　组件嵌套  2

1.1.3　构建Widget  3

1.1.4　处理用户交互  4

1.1.5　什么是状态  4

1.1.6　分层的框架  5

1.2　开发环境搭建  5

1.2.1　Windows环境搭建  5

1.2.2　MacOS环境搭建  11

1.3　第一个Flutter程序  17

第2章　Flutter基础知识  23

2.1　入口程序  23

2.2　Material Design设计风格  24

2.3　Flutter主题  24

2.3.1　创建应用主题  24

2.3.2　局部主题  26

2.3.3　使用主题  27

2.4　无状态组件和有状态组件  28

2.5　使用包资源  31

2.6　Http请求  34

第3章　Dart语言简述  40

3.1　Dart重要概念与常用开发库  40

3.2　变量与基本数据类型  43

3.3　函数  46

3.4　运算符  47

3.5　流程控制语句  51

3.6　异常处理  54

3.7　面向对象  55

3.7.1　实例化成员变量  55

3.7.2　构造函数  56

3.7.3　读取和写入对象  57

3.7.4　重载操作  58

3.7.5　继承类  59

3.7.6　抽象类  60

3.7.7　枚举类型  62

3.7.8　Mixins  62

3.8　泛型  63

3.9　库的使用  64

3.10　异步支持  65

3.11　元数据  65

3.12　注释  67

第4章　常用组件  68

4.1　容器组件  68

4.2　图片组件  70

4.3　文本组件  72

4.4　图标及按钮组件  74

4.4.1　图标组件  74

4.4.2　图标按钮组件  75

4.4.3　凸起按钮组件  77

4.5　列表组件  78

4.5.1　基础列表组件  78

4.5.2　水平列表组件  80

4.5.3　长列表组件  82

4.5.4　网格列表组件  83

4.6　表单组件  84

第5章　Material Design风格组件  88

5.1　App结构和导航组件  89

5.1.1　MaterialApp（应用组件）  89

5.1.2　Scaffold（脚手架组件）  94

5.1.3　AppBar（应用按钮组件）  95

5.1.4　BottomNavigationBar（底部导航条组件）  97

5.1.5　TabBar（水平选项卡及视图组件）  99

5.1.6　Drawer（抽屉组件）  104

5.2　按钮和提示组件  107

5.2.1　FloatingActionButton（悬停按钮组件）  107

5.2.2　FlatButton（扁平按钮组件）  109

5.2.3　PopupMenuButton（弹出菜单组件）  110

5.2.4　SimpleDialog（简单对话框组件）  112

5.2.5　AlertDialog（提示对话框组件）  113

5.2.6　SnackBar（轻量提示组件）  115

5.3　其他组件  116

5.3.1　TextField（文本框组件）  117

5.3.2　Card（卡片组件）  119

第6章　Cupertino风格组件  122

6.1　CupertinoActivityIndicator组件  122

6.2　CupertinoAlertDialog对话框组件  123

6.3　CupertinoButton按钮组件  124

6.4　Cupertino导航组件集  125

第7章　页面布局  132

7.1　基础布局处理  133

7.1.1　Container（容器布局）  133

7.1.2　Center（居中布局）  137

7.1.3　Padding（填充布局）  138

7.1.4　Align（对齐布局）  140

7.1.5　Row（水平布局）  143

7.1.6　Column（垂直布局）  144

7.1.7　FittedBox（缩放布局）  146

7.1.8　Stack/Alignment  149

7.1.9　Stack/Positioned  151

7.1.10　IndexedStack  153

7.1.11　OverflowBox溢出父容器显示  155

7.2　宽高尺寸处理  156

7.2.1　SizedBox（设置具体尺寸）  156

7.2.2　ConstrainedBox（限定最大最小宽高布局）  158

7.2.3　LimitedBox（限定最大宽高布局）  159

7.2.4　AspectRatio（调整宽高比）  160

7.2.5　FractionallySizedBox（百分比布局）  162

7.3　列表及表格布局  163

7.3.1　ListView  164

7.3.2　GridView  166

7.3.3　Table  167

7.4　其他布局处理  169

7.4.1　Transform（矩阵转换）  169

7.4.2　Baseline（基准线布局）  171

7.4.3　Offstage（控制是否显示组件）  172

7.4.4　Wrap（按宽高自动换行布局）  174

7.5　布局综合示例  177

7.5.1　布局分析  177

7.5.2　准备素材  179

7.5.3　编写代码  180

第8章　手势  185

8.1　用GestureDetector进行手势检测  185

8.2　用Dismissible实现滑动删除  187

第9章　资源和图片  190

9.1　添加资源和图片  190

9.1.1　指定assets  190

9.1.2　加载assets  191

9.1.3　平台assets  193

9.2　自定义字体  195

第10章　路由及导航  198

10.1　页面跳转基本使用  198

10.2　页面跳转发送数据  201

10.3　页面跳转返回数据  204

第11章　组件装饰和视觉效果  208

11.1　Opacity（透明度处理）  208

11.2　DecoratedBox（装饰盒子）  210

11.3　RotatedBox（旋转盒子）  217

11.4　Clip（剪裁处理）  217

11.5　案例—自定义画板  222

第12章　动画  241

12.1　用AnimatedOpacity实现渐变效果  241

12.2　用Hero实现页面切换动画  243

第13章　Flutter插件开发  246

13.1　新建插件  246

13.2　运行插件  249

13.3　示例代码分析  250

第14章　开发工具及使用技巧  259

14.1　IDE集成开发环境  259

14.1.1　Android Studio / IntelliJ  259

14.1.2　Visual Studio Code  267

14.2　Flutter SDK  274

14.3　使用热重载  275

14.4　格式化代码  276