Flutter从入门到进阶 实战携程网App

本章会介绍课程内容和具体收获，以及如何更好的学习本门课程，还会介绍项目需求，让大家了解课程最
终使用Flutter实现一个怎样的项目，最后会对项目中所用到的技术做一个剖析，可提前知晓本
门课程的重点技术内容【学习困惑有人帮，不用自己瞎摸索，问答区的问题有问必答】...
1-1 课程介绍与学习指南 (12:18)
1-2 项目需求分析，技术分解 (07:10)

本章将从开发语言、开发工具、布局、第三方库等方面教你如何快速上手Flutter学习。
2-1 Android开发者如何快速上手Flutter开发 (08:09)
2-2 iOS开发者如何快速上手Flutter开发 (07:44)
2-3 React Native开发者如何快速上手Flutter开发 (07:03)
2-4 前端开发者如何快速上手Flutter开发 (06:55)

本章会从开发工具和平台的选择开始讲解Flutter的开发环境的搭建，开发工具的使用技巧以及遇
到环境问题、工具问题以及版本问题该如何解决【福利！JSON 解析转Dart 工具：http
://www.devio.org/io/tools/json-to-dart/】。
3-1 自测小作业（带着3个问题去学习）
3-2 开发系统与工具选择 (02:21)
3-3 Flutter开发环境与iOS开发环境设置（Mac） (12:39)
3-4 Android开发环境设置与Flutter插件安装（Mac）【边学边做】 (10:05)
3-5 Flutter开发环境与Android开发环境设置详解（Windows） (12:24)
3-6 Flutter开发环境与Android开发环境设置实操（Windows）【边学边做】 (15:07)
3-7 Flutter开发工具使用指南 (07:28)
3-8 本章小结-环境、工具、版本等问题【避坑指南】 (04:24)
3-9 请完成Flutter和Android开发环境的搭建

从Flutter 2开始，Flutter便默认启用了空安全，通过空安全适配可以在开发过程中提
前发现潜在的错误，从而防止在生产环境中导致的崩溃。本章节带你解锁Flutter空安全适配必
备技能，开发出更加健壮的应用。
4-1 走进空安全（空安全最小必备知识）
4-2 Flutter如何做空安全适配
4-3 自定义Widget的空安全适配技巧
4-4 数据模型（Model）空安全适配技巧
4-5 单例空安全适配技巧
4-6 插件的空安全适配问题
4-7 空安全适配常见问题
4-8 本章小结

为了降低学习Flutter的门槛，专门为大家补充了Dart基础，让您轻松解锁Flutter开
发语言，本章我们将带您从零开始系统学习Dart语言，这里不是单纯的阐述概念，是让您真正理解
Dart中的oop的思想及应用，这里不是简单的教您写代码，是让您写出高效、规范、简洁的代码。...
5-1 Flutter之Dart概述 (03:54)
5-2 Flutter之Dart常用数据类型（数字、类型转换） (11:14)
5-3 Flutter之Dart常用数据类型（字符串） (07:02)
5-4 Flutter之Dart常用数据类型（布尔、List） (13:21)
5-5 Flutter之Dart常用数据类型（Map） (08:30)
5-6 Flutter之Dart常用数据类型（科普小姿势） (09:45)
5-7 带你揭开Flutter中的面向对象（标准构造方法、初始化列表） (14:34)
5-8 带你揭开Flutter中的面向对象（命名构造方法） (01:58)
5-9 带你揭开Flutter中的面向对象（工厂构造方法） (05:41)
5-10 带你揭开Flutter中的面向对象（命名工厂构造方法） (03:50)
5-11 带你揭开Flutter中的面向对象（get和set、静态方法） (09:15)
5-12 带你揭开Flutter中的面向对象（抽象类和方法） (04:54)
5-13 带你揭开Flutter中的面向对象（mixins） (05:59)
5-14 带你解锁Flutter中常用的Dart方法类型 (10:03)
5-15 带你了解Dart泛型在Flutter中的应用 (10:26)
5-16 有哪些可以用在Flutter上的编程技巧？ (09:46)
5-17 小结 (01:05)

本章是本门课程的基础篇，会通过一个个案例讲解Flutter入门的各种技能，以及大家最关心的布
局，打开第三方应用等热门技能，最后会通过一个拍照APP的开发来检验大家对本章知识的掌握程度。
6-1 学习Flutter前应该具备哪些基础知识？ (07:01)
6-2 如何快速搭建和运行一个Flutter项目？ (10:53)
6-3 如何使用Flutter包和插件？【轻松应对各种插件】 (07:28)
6-4 StatelessWidget与基础组件【撑起Flutter的半边天】 (12:31)
6-5 StatefulWidget与基础组件【撑起Flutter的半边天】 (15:57)
6-6 如何进行Flutter布局开发？【布局指南】 (20:08)
6-7 如何创建和使用Flutter的路由与导航？【边学边做】 (11:18)
6-8 如何检测用户手势以及处理点击事件？【精彩案例】 (14:21)
6-9 如何导入和使用Flutter的资源文件？【必备技能】 (03:38)
6-10 如何打开第三方应用？【你期待的技能】 (06:26)
6-11 Flutter 页面生命周期实战指南 (16:03)
6-12 如何获取Flutter应用的生命周期？ (08:50)
6-13 如何修改Flutter应用的主题？ (04:46)
6-14 如何自定义字体？ (06:05)
6-15 拍照APP开发-拍照配置与AndroidX兼容处理【实战尝鲜】 (12:39)
6-16 拍照APP开发-图片获取与图片展示【实战尝鲜】 (15:51)
6-17 本章小结 (03:27)

【本章为基础知识，请按需选学，从第5章进入实战环节】本章会主要讲解Flutter的一些必备基
础知识，首先教大家构建Flutter的官方实例项目来学习Flutter example，讲
解图片控件的使用经验与技巧，讲解如何在实现动画，最后会教大家如何调试Flutter项目。...
7-1 自测小作业（带着9个问题去学习）
7-2 学习构建Flutter实例项目【他山之石可以攻玉】 (09:20)
7-3 图片控件开发详解-1【技能储备】 (08:25)
7-4 图片控件开发详解-2【技能储备】 (15:12)
7-5 动画Animation开发指南-动画基础类【理论熏陶】 (12:32)
7-6 动画Animation开发指南-AnimatedWidget与AnimatedBuilder-1【跟着做】 (12:52)
7-7 动画Animation开发指南-AnimatedWidget与AnimatedBuilder-2【跟着做】 (06:44)
7-8 动画Animation开发指南-AnimatedWidget与AnimatedBuilder-3【跟着做】 (06:42)
7-9 动画Animation开发指南-Hero动画-1 (19:39)
7-10 动画Animation开发指南-Hero动画-2 (23:25)
7-11 Flutter调试技巧【经验传授】 (17:41)
7-12 本章小结 (02:23)

从本章开始，开启本门课程的基础实战篇 - APP导航框架与常用功能的实现，我会结合Scaff
old与PageView实现首页导框架；使用插件实现轮播图；使用NotificationL
istener监听列表滚动来实现对导航栏的渐变效果，让大家巩固对基础时候的理解；...
8-1 自测小作业（带着5个问题去学习）
8-2 APP首页框架搭建-Scaffold与PageView【搭了个框架】 (09:38)
8-3 APP首页框架搭建-项目实践【搭了个框架】 (19:57)
8-4 轮播图Banner功能开发【使用轮子】 (05:31)
8-5 自定义AppBar实现滚动渐变【另起炉灶】 (16:36)
8-6 本章小结 (02:44)

本章主要讲解Flutter网络编程和本地存储的相关经验和技巧，包括对Http、sharedp
references的封装和使用，以及Future与FutureBuilder的使用技巧，
JSON解析与复杂模型的转换技巧等。
9-1 自测小作业（带着7个问题去学习）
9-2 基于Http实现网络操作 (16:23)
9-3 异步：Future与FutureBuilder实用技巧【好好学，实战经常用】 (14:55)
9-4 JSON解析与复杂模型转换实用技巧【网络请求离不开它】 (07:31)
9-5 基于shared_preferences本地存储操作【本地存储】 (11:40)
9-6 本章小结 (02:33)
9-7 将一个中等复杂度的json转成model

本章除了讲解如何用ListView实现横向与竖向的列表，基于ExpansionTile实现可
展开的列表，用GridView实现网格列表的使用技巧之外，同时会讲解一些实用的功能技巧如：
下拉刷新，上拉加载更多等。
10-1 自测小作业 （带着5个问题去学习）
10-2 基于ListView实现水平和垂直方式滚动的列表【边学边做】 (07:47)
10-3 基于ExpansionTile实现可展开的列表【列表还可以这样做】 (10:19)
10-4 基于GridView实现网格布局【跟着做】 (04:47)
10-5 高级功能列表下拉刷新与上拉加载更多功能实现【列表拓展技能】 (14:57)
10-6 本章小结 (02:09)

本章主要讲解Flutter的混合开发与通信方面的相关技术和经验技巧；Flutter与Andr
oid ，iOS进行混合开发是比较流行的一种开发模式，但它的技术难度远高于纯Flutter
开发，导致很多开发者都无从下手，本章节将通过理论+实践的方式将Flutter混合开发的应用
场景，流程，需要掌握的技术，以及一些经验技巧传授给大家。...
11-1 自测小作业（带着12个问题去学习）
11-2 Flutter混合开发流程与创建Flutter module【搞懂流程，不碰壁】 (10:06)
11-3 Flutter Android混合开发实战-集成与调用【Android技术与Flutter融合】 (25:35)
11-4 Flutter Android混合开发实战-调试与发布【Android技术与Flutter融合】 (15:23)
11-5 Flutter iOS混合开发实战-集成与调用【iOS技术与Flutter融合】 (26:14)
11-6 Flutter iOS混合开发实战-调试与发布【iOS技术与Flutter融合】 (13:10)
11-7 Flutter通信机制&Dart端讲解【全栈皆宜】 (18:15)
11-8 Flutter通信机制&Dart端实现【全栈皆宜】 (20:47)
11-9 Flutter与Native通信-Android端讲解【通信原理】 (12:46)
11-10 Flutter与Native通信-Android端实战【实战应用】 (17:23)
11-11 Flutter与Native通信-iOS端讲解【通信原理】 (09:03)
11-12 Flutter与Native通信-iOS端实战【实战应用】 (14:00)
11-13 本章小结 (04:09)
11-14 搭建一个Flutter和Android混合开发项目

本章主要讲解首页模块的实现，其中会讲解如何实现自定义组件，网格卡片功能实现&布局技巧，以及球
区入口的实现，H5模块的开发与使用技巧，以及功能模块的封装与复用。
12-1 自测小作业（带着14个问题去学习）
12-2 首页大接口细分【熟悉接口好开发】 (06:00)
12-3 首页大接口相关模型实现【Model层设计】 (19:27)
12-4 首页大接口Dao层实现和调用-1【Dao层设计】 (18:54)
12-5 首页大接口Dao层实现和调用-2【Dao层设计】 (13:33)
12-6 Flutter自定义组件开发【组件封装】 (12:47)
12-7 球区入口实现【实战应用】 (13:41)
12-8 基于自定义WebView实现H5混合开发-1【H5混合实战】 (16:37)
12-9 基于自定义WebView实现H5混合开发-2【H5混合实战】 (07:52)
12-10 基于自定义WebView实现H5混合开发-3【H5混合实战】 (11:10)
12-11 网格卡片功能实现&布局技巧-1【布局进阶】 (18:36)
12-12 网格卡片功能实现&布局技巧-2【布局进阶】 (21:51)
12-13 活动入口实现【实战应用】 (08:55)
12-14 底部卡片实现-1【实战应用】 (12:51)
12-15 底部卡片实现-2【实战应用】 (11:27)
12-16 加载进度条与下拉刷新的实现【实战应用】 (17:13)
12-17 本章小结 (03:35)
12-18 在APP中通过唤起设备中的浏览器来打开指定H5页面

本章主要讲解如何设计与实现搜索模块？如何实现一个带搜索的AppBar？以及输入框TextFi
eld的使用与扩展；搜索文字高亮与富文本功能实现；如何实现搜索Item？以及实时搜索功能的
实现技巧与经验。
13-1 自测小作业 （带着7个问题去学习）
13-2 基于TextField实现顶部SearchBar-1【封装组件出神入化】 (15:58)
13-3 基于TextField实现顶部SearchBar-2【封装组件出神入化】 (20:15)
13-4 搜索接口系分与搜索Dao层的实现【Dao层设计】 (14:23)
13-5 基于ListView实现搜索列表【面试加分锦囊】 (24:43)
13-6 搜索Item实现【实战应用】 (08:55)
13-7 动态Icon与富文本展示【面试加分锦囊】 (25:09)
13-8 本章小结 (03:40)

本章主要讲解Flutter的插件的开发流程与技巧，以及Flutter插件的发布经验，同时会讲
解如何甄选Flutter插件。
14-1 自测小作业（带着4个问题去学习）
14-2 开发Flutter包和插件的流程步骤【搞懂流程从容不迫】 (09:26)
14-3 Flutte包和插件的开发与发布 (11:43)
14-4 如何甄选Flutter包和插件 (04:14)
14-5 本章小结 (02:20)
14-6 对项目进行组件化改造

本章主要讲解智能AI在Flutter上的应用，如何在Flutter中引入Native SDK
，如何实现语音搜索的功能，如何调用Native SDK，如何在Flutter和Native
之间进行通信等。
15-1 自测小作业（带着9个问题去学习）
15-2 Android Native SDK集成流程【Android技术小试身手】 (20:29)
15-3 iOS Native SDK集成流程【iOS技术小试身手】 (11:30)
15-4 Flutter Plugin开发指南-Dart端实现【全栈皆宜】 (04:29)
15-5 Flutter Plugin开发指南-Android端实现-1【打通Flutter与Android的任通二脉】 (15:04)
15-6 Flutter Plugin开发指南-Android端实现-2【打通Flutter与Android的任通二脉】 (20:39)
15-7 Flutter Plugin开发指南-iOS端实现-1【打通Flutter与iOS的任通二脉】 (18:15)
15-8 Flutter Plugin开发指南-iOS端实现-2【打通Flutter与iOS的任通二脉】 (13:49)
15-9 Flutter AI智能语音界面开发-1【收获果实】 (11:41)
15-10 Flutter AI智能语音界面开发-2【收获果实】 (11:46)
15-11 Flutter AI智能语音搜索功能实现【锦上添花】 (13:22)
15-12 本章小结 (02:25)

本章主要讲解旅拍模块的设计与实现，同时会讲解如何实现瀑布流布局，如何实现Dao层，如何实现下
拉刷新与上拉加载更多，以及对非常实用的滑动切换tab方案进行讲解。
16-1 旅拍模块接口系分 (05:33)
16-2 旅拍模块Dao层设计 (14:50)
16-3 使用TabBar+TabBarView 实现旅拍可滑动切换多Tab (17:13)
16-4 实现旅拍瀑布流布局-1 (11:35)
16-5 实现旅拍瀑布流布局-2 (12:30)
16-6 实现旅拍卡片布局-1 (10:40)
16-7 实现旅拍卡片布局-2 (11:30)
16-8 旅拍页面交互与我的页面实现 (11:24)
16-9 本章小结 (02:26)

本章节主要讲解全屏幕、折叠屏的适配与优化，并对全面屏的特点及存在的问题做出分析，同时教大家如
何适配iPhone，华为，小米、三星等全面屏与凹凸屏手机。
17-1 启动白屏问题解决与启动屏开发-1 (18:56)
17-2 启动白屏问题解决与启动屏开发-2 (04:04)
17-3 Flutter 全屏幕适配指南 (16:16)
17-4 Flutter 折叠屏适配指南 (11:36)
17-5 本章小结 (01:56)

本章会教你对Flutter进行发布前的优化；以及如何打包发布Flutter Android应
用与Flutter iOS应用。
18-1 Flutter项目优化-1 (12:15)
18-2 Flutter项目优化-2 (10:34)
18-3 打包发布Flutter Android应用-1 (13:42)
18-4 打包发布Flutter Android应用-2 (13:05)
18-5 打包发布Flutter iOS应用 (09:39)
18-6 本章小结 (02:39)

Flutter的升级与适配一直是困扰开发者的一个痛点，本章节将讲解最新版Flutter的升级
与适配的经验与技巧，同时会对比不同升级方式的优缺点，并且给出适配建议。
19-1 Flutter升级与适配指南 (11:50)

本章将带大家总结回顾，希望大家课后多加练习，另外学习过程中遇到问题，可以随时发布问题到课程问
答区，我看到后会为大家一 一解答，并且课程提供同学间交流的QQ群，也非常欢迎大家一起交流，
探讨，最后希望大家都能学有所获，学好Flutter。加油。...
20-1 .课程总结 (08:06)