首页实战 Flutter从入门到进阶实战携程网App 一网打尽核心技术章节目录

Flutter从入门到进阶实战携程网App 一网打尽核心技术

解锁Flutter开发新姿势，一网打尽Flutter核心技术

难度中级时长 25小时学习人数 4788 综合评分 9.97

报名人数已满该课程已出新版，查看新课 >>

第1章学习指南【课程提供1000+问题与答案库】试看 2 节 | 20分钟

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

收起列表
- 视频： 1-1 课程介绍与学习指南 (12:18) 试看
- 视频： 1-2 项目需求分析，技术分解 (07:10)
第2章 Flutter学习经验：Flutter快速上手指南 4 节 | 30分钟

本章将从开发语言、开发工具、布局、第三方库等方面教你如何快速上手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)
第3章 Flutter入门：开发工具准备与开发环境搭建 9 节 | 65分钟

本章会从开发工具和平台的选择开始讲解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开发环境的搭建
第4章 Flutter 2空安全适配指南【增值赠送，持续更新】 8 节 |

从Flutter 2开始，Flutter便默认启用了空安全，通过空安全适配可以在开发过程中提前发现潜在的错误，从而防止在生产环境中导致的崩溃。本章节带你解锁Flutter空安全适配必备技能，开发出更加健壮的应用。

收起列表
- 图文： 4-1 走进空安全（空安全最小必备知识）
- 图文： 4-2 Flutter如何做空安全适配
- 图文： 4-3 自定义Widget的空安全适配技巧
- 图文： 4-4 数据模型（Model）空安全适配技巧
- 图文： 4-5 单例空安全适配技巧
- 图文： 4-6 插件的空安全适配问题
- 图文： 4-7 空安全适配常见问题
- 图文： 4-8 本章小结
第5章 Flutter必备Dart基础：Dart快速入门【已掌握，可略过】 17 节 | 132分钟

为了降低学习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)
第6章 Flutter入门：基础知识十六讲 17 节 | 178分钟

本章是本门课程的基础篇，会通过一个个案例讲解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)
第7章 Flutter入门：Flutter必备基础【修炼基本功】 12 节 | 135分钟

【本章为基础知识，请按需选学，从第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)
第8章 Flutter入门实战：APP导航框架与常用功能实现【先打一仗，巩固技能】 6 节 | 55分钟

从本章开始，开启本门课程的基础实战篇 - APP导航框架与常用功能的实现，我会结合Scaffold与PageView实现首页导框架；使用插件实现轮播图；使用NotificationListener监听列表滚动来实现对导航栏的渐变效果，让大家巩固对基础时候的理解；...

收起列表
- 图文： 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)
第9章 Flutter进阶提升：网络编程与数据存储技术【实战必备技能】 7 节 | 54分钟

本章主要讲解Flutter网络编程和本地存储的相关经验和技巧，包括对Http、sharedpreferences的封装和使用，以及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
第10章 Flutter进阶提升：玩转列表组件【动动手，带你玩转各种列表】 6 节 | 41分钟

本章除了讲解如何用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)
第11章 Flutter进阶提升：Flutter混合开发【助力职场：难度指数5星】 14 节 | 187分钟

本章主要讲解Flutter的混合开发与通信方面的相关技术和经验技巧；Flutter与Android ，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混合开发项目
第12章 Flutter进阶实战：App首页功能开发【你期待的实战来了，干货满满】 18 节 | 215分钟

本章主要讲解首页模块的实现，其中会讲解如何实现自定义组件，网格卡片功能实现&布局技巧，以及球区入口的实现，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页面
第13章 Flutter进阶实战：搜索模块开发【适用于企业级应用开发：简洁、高效、实用】 8 节 | 114分钟

本章主要讲解如何设计与实现搜索模块？如何实现一个带搜索的AppBar？以及输入框TextField的使用与扩展；搜索文字高亮与富文本功能实现；如何实现搜索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)
第14章 Flutter进阶拓展：开发包和插件开发【适用于拔高：成神之路，助你一臂之力】 6 节 | 28分钟

本章主要讲解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 对项目进行组件化改造
第15章 Flutter进阶实战：智能AI语音搜索模块实现【升职加薪】 12 节 | 144分钟

本章主要讲解智能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)
第16章 Flutter进阶实战：旅拍模块实现【助力职场】 9 节 | 98分钟

本章主要讲解旅拍模块的设计与实现，同时会讲解如何实现瀑布流布局，如何实现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)
第17章 Flutter进阶拓展：全面屏、折叠屏适配与兼容【适用于面试】 5 节 | 53分钟

本章节主要讲解全屏幕、折叠屏的适配与优化，并对全面屏的特点及存在的问题做出分析，同时教大家如何适配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)
第18章 Flutter进阶拓展：打包发布Flutter应用【适用于面试】 6 节 | 62分钟

本章会教你对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)
第19章 Flutter进阶拓展：Flutter升级与适配指南【适用于工作：开发避雷针】 1 节 | 12分钟

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

收起列表
- 视频： 19-1 Flutter升级与适配指南 (11:50)
第20章课程总结【万金油，出师必备锦囊】 1 节 | 9分钟

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

收起列表
- 视频： 20-1 .课程总结 (08:06)