视频选集
（28/248）
1.介绍
00:43
2.安装FlutterSDK（macOS）
01:52
3.配置iOS开发环境（macOS）
01:22
4.配置VSCode代码编辑器
00:45
6.检测问题：flutterdoctor
00:49
8.创建Flutter项目
01:07
9.运行Flutter项目（iOS模拟器）
02:50
10.在Android模拟器上运行Flutter项目
01:57
11.介绍
00:44
12.准备项目
01:44
13.在屏幕中间显示“hello”
02:52
14.自定义小部件（Widget）
01:35
15.文字的样式：TextStyle
00:54
16.MaterialApp：使用界面组件与定制界面主题
02:43
17.列表：准备数据
01:51
18.列表视图：ListView.builder
01:51
19.列表项目
02:42
20.介绍
00:55
21.准备项目
01:20
22.Material应用
04:23
23.AppBar：工具栏上的图标按钮（IconButton）
02:32
24.TabBar：用标签形式展示内容
02:52
25.TabBar：自定义标签栏的样式
01:06
26.Material：自定义按钮水波纹样式
01:02
27.Drawer：抽屉（边栏）
01:41
28.Drawer：在抽屉里使用ListView，DrawerHeader，ListTile
02:26
29.Drawer：抽屉的打开与关闭
01:25
30.UserAccountDrawerHeader：抽屉里的用户帐号信息
01:25
31.用户帐户头部的背景图像
01:46
33.BottomNavigationBar：底部导航栏
02:40
34.BottomNavigationBar：底部导航栏的激活状态
01:36
35.StatefulWidget：有状态的小部件
02:49
36.介绍
00:35
37.准备项目
01:40
38.查看小部件的定义
01:42
39.Text：文字与文字样式
01:57
40.RichText：行内多样式的文字
01:39
41.Container：容器
02:38
42.BoxDecoration：装饰盒子
00:58
43.BoxDecoration：边框（border）
01:17
44.BoxDecoration：圆角（borderRadius）
01:09
45.BoxDecoration：阴影（borderShadow）
01:48
46.BoxDecoration：形状（shape）
00:33
47.BoxDecoration：渐变（gradient）
01:18
48.BoxDecoration：背景图像（image）
02:09
49.介绍
00:38
50.准备项目
00:52
52.创建可配置的图标徽章（IconBadge）小部件
02:28
53.Row（横排）与Column（竖排）
01:28
54.mainAxis：主轴
01:33
55.crossAxis：交叉轴
01:34
56.SizedBox：固定尺寸的盒子
02:21
57.Alignment：对齐
01:35
58.Stack：一摞小部件
02:15
59.AspectRatio：宽高比
00:59
60.ConstrainedBox：带限制的盒子
00:57
61.介绍
00:44
62.升级FlutterSDK与项目用的Packages
01:27
63.准备项目
00:57
64.创建ViewDemo小部件
01:32
65.PageView：页面视图
01:40
66.PageView：页面视图的属性
01:50
67.PageView：用PageController调整页面的显示
01:45
68.PageView.builder按需生成页面
03:51
69.GridView：网格视图（GridView.count）
04:17
70.GridView.extent
01:31
71.GridView.builder按需生成视图项目
03:20
72.介绍
00:44
73.准备项目
00:41
74.创建SliverDemo小部件
01:14
75.Slivers
01:21
76.SliverGrid：网格视图
03:17
77.SliverPadding（内边距）与SliverSafeArea（安全区）
01:40
79.SliverAppBar：应用工具栏
01:31
80.带渐近动画的可伸缩空间
02:36
81.介绍
00:47
82.准备项目
00:59
83.VSCode：Flutter代码片断
01:07
84.一堆路由
01:06
85.打开新页面并返回（push与pop）：准备
02:49
86.打开新页面并返回（push与pop）：实施
02:12
87.带名字的路由（Navigator.pushNamed）
01:19
88.初始路由：initialRoute
01:00
89.InkWell：添加溅墨动画效果
02:41
90.在内容详情页上显示内容
04:42
91.介绍
00:38
92.准备项目
00:52
93.创建FormDemo小部件
01:21
94.Theme：定制、使用、重置、覆盖主题
02:20
95.TextField：文本字段
01:01
96.TextField：文本字段样式（InputDecoration）
01:45
97.TextField：监视文本字段的值的变化与提交
01:10
98.TextField：使用TextEditingController监听文本字段变化
01:45
99.Form：表单
02:40
100.Form：保存与获取表单里的数据
02:44
101.Form：验证表单里的数据
02:26
102.Form：自动验证
02:03
103.SnackBar：在屏幕底部动画弹出提示栏
00:50
104.介绍
00:38
105.准备项目
00:46
106.VSCode：自定义代码片断
02:48
107.准备MaterialComponents演示页面
03:15
108.FloatingActionButton：漂浮动作按钮
02:31
109.BottomAppBar：底部工具栏
01:09
110.创建演示小部件用的页面
01:42
111.FlatButton：文字按钮
01:47
112.RaisedButton：按钮
00:53
113.按钮主题：颜色、形状
02:43
114.OutlineButton：描边按钮
01:29
115.按钮容器Container：有固定宽度的按钮
00:47
116.按钮容器Expanded：占满可用宽度的按钮
01:11
117.按钮容器ButtonBar：一组带边距的横排显示按钮
01:55
118.整理：把演示放在单独的文件里
01:50
119.准备PopupMenuButtonDemo
01:12
120.PopupMenuButton：弹出式菜单按钮
02:30
121.介绍
00:37
122.整理：在演示列表里添加FormDemo
01:08
123.创建用户输入相关的小部件的演示页面
01:23
124.Checkbox：复选框
01:51
125.CheckboxListTile：带标签与图标的复选框
01:31
126.Radio：单选按钮
02:21
127.RadioListTile：带标签与图标的单选按钮
02:07
128.Switch：开关
01:44
129.SwitchListTile：带标签与图标的开关
01:43
130.Slider：滑动选择器
03:07
131.安装第三方包（演示安装Intl包）
01:40
132.显示格式化日期
01:47
133.showDatePicker：选择日期
01:36
134.showDatePicker：获取选择的日期（async）
01:50
135.showTimePicker：时间选择器
02:04
136.Future：异步程序
02:07
137.SimpleDialog：显示对话框（showDialog）
01:52
138.SimpleDialog：选项（SimpleDialogOption）
01:12
139.SimpleDialog：获取与使用选项的值
02:54
140.AlertDialog：提示对话框
02:24
141.AlertDialog：获取与使用动作的值
02:19
142.BottomSheet：底部滑动窗口
03:04
143.BottomSheet：对话框式底部滑动窗口（showModalBottomSheet）
01:46
144.处理使用对话框式底部滑动窗口的数据
01:39
145.SnackBar：操作提示栏
01:32
146.ExpansionPanel：收缩面板
02:03
147.ExpansionPanel：面板的收起与展开
01:31
148.ExpansionPanel：面板列表项目
04:07
149.介绍
00:46
150.升级FlutterSDK后屏幕报错（0.8.1）
00:45
151.Chip：小碎片
01:50
152.Wrap：换行显示小部件
00:50
153.Divider：分隔符
00:44
154.Chip：带删除功能的小碎片
01:16
155.Chip：用列表生成带删除功能的小碎片
02:03
156.ActionChip：动作碎片
01:17
157.FilterChip：过滤碎片
02:26
158.ChoiceChip：选择碎片
01:22
159.DataTable：数据表格
01:55
160.DataTable：用列表生成数据表格
02:24
161.DataTable：数据表格的排序
03:11
162.DataTable：选择数据表格行
01:43
163.PaginatedDataTable：分页显示表格数据
04:20
164.PaginatedDataTable：排序
03:17
165.Card：卡片
03:12
166.ClipRRect：圆角（给图像添加圆角效果）
01:05
167.Stepper：步骤
01:49
168.Stepper：步骤的行为
02:53
169.介绍
00:38
170.准备项目
01:07
171.创建StateManagementDemo小部件
01:02
172.StatelessWidget：无变化状态的小部件
03:14
173.StatefulWidget：带变化状态的小部件
02:48
174.状态管理（由父辈管理状态）
01:42
175.从父辈那里传递个回调
01:47
176.小部件树：WidgetTree
02:28
177.InheritedWidget：直接把数据传递给需要的小部件
00:45
178.创建与使用InheritedWidget有效地传递数据给子部件
04:12
179.ScopedModel：安装与基本用法介绍
01:19
180.使用ScopedModel传递数据
03:52
181.介绍
00:38
182.准备项目
00:44
183.创建StreamDemo
01:11
184.创建与监听Stream
04:15
185.给Stream添加一个订阅（subscription）
02:05
186.暂停、恢复、取消监听Stream
03:17
187.StreamController：控制Stream
03:14
188.StreamController：使用Sink往Stream上添加数据
01:01
190.在界面上显示Stream上的数据
01:01
191.StreamBuilder：根据Stream上的数据构建小部件
01:29
192.介绍
00:30
193.准备项目
00:42
194.创建RxDartDemo
01:12
195.安装RxDart包
00:49
196.Rx，RxDart，Observable与Stream
00:47
197.Observables
01:43
198.创建Observables的几种方法
02:15
199.使用Subjects控制Observables
02:27
200.BehaviorSubject
00:47
201.ReplaySubject
01:08
202.准备一个文本框往Observable上添加数据
03:14
203.RxDart的数据转换方法（map）
01:00
204.where
00:52
205.debounce
01:06
206.介绍
00:36
207.准备项目
00:45
208.创建BlocDemo
00:56
209.BLoC：BusinessLogicComponent
01:56
210.BLoC应用案例（记数器）：准备基本小部件
01:38
211.使用InheritedWidget传递BLoC
02:53
212.创建与使用BLoC：用Sink输入数据
02:39
213.创建与使用BLoC：用Stream输出数据
03:11
214.介绍
00:33
215.准备项目
00:46
216.创建HttpDemo
00:58
217.安装http包（升级FlutterSDK）
02:08
218.使用http客户端请求数据
02:34
220.使用Model类转换数据：fromJson
01:49
221.使用Model类转换数据：toJson
00:53
222.使用请求数据：把响应的数据转换成自定义Dart对象
03:05
223.FutureBuilder：使用Future构建小部件
03:32
225.准备项目
00:45
226.创建AnimationDemo小部件
01:16
227.AnimationController：动画控制器
02:48
228.使用动画的值
02:19
229.动画的状态与运行
02:58
230.Tween：设置动画范围值（数字、颜色）
02:52
231.Curve：动画曲线
01:09
232.AnimatedWidget：动画值有变化就自动重建自己的小部件
02:29
233.介绍
00:36
234.准备项目
00:57
235.创建I18Demo小部件
00:57
236.安装与配置Flutter应用的国际化
02:23
237.配置iOS项目使用多种语言
00:53
238.演示Material组件的多语言
02:01
239.寻找Localizations小部件
01:22
240.获取与设置语言和地区（理解Locale类与Localizations小部件）
02:58
241.定义本地化资源类
02:03
242.加载本地化资源
02:45
243.使用本地化资源
01:59
244.Intl：定义需要翻译的信息
01:54
245.提取信息模板并翻译信息
02:06
246.基于arb生成dart文件
01:10
247.加载与使用本地化信息
03:04
248.介绍
00:40
249.准备项目
00:49
251.Unittesting：单元测试
02:20
252.运行测试
01:38
253.WidgetTesting：测试小部件
02:42
254.找到并验证小部件（Finder与Matcher的用法）
01:24
255.测试小部件的点按行为
02:44
256.Integrationtesting：集成测试
02:52
257.编写与运行集成测试
03:04
顶部