投稿

Flutter移动应用

6.2万

155

2019-05-17 11:13:41

欢迎大家来我主页群一起学习交流IT技术！视频来源于网络，仅供学习交流使用，如果侵犯您的权益，请私信进行删除！

牧之南发消息

我的精神后院，白天上班，晚上种菜 ? 生活琐碎+AI 陪聊，全在 https://www.houtian.me/ 收获一只会聊天的机器人

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

顶部