Flutter入门到进阶

Flutter从入门到进阶 实战APP

从Dart基础语法开始，领略Flutter之美，轻松全面的掌握Flutter开发核心技术。通过本课程的学习，可以让你的Flutter技术能力和项目经验都得到前所未有的提升！课程具体收获【可直接看章节描述】：Flutter必备Dart基础，Flutter入门，AI语音，网络编程，数据存储，异步编程，自定义组件， 原生模块封装调用 ，Flutter混合开发，Flutter升级适配指南，项目案例实战等

==学习视频-资料整理.

---

学习目标1:学习指南

介绍课程内容和具体收获，以及如何更好的学习本门课程，还会介绍项目需求，让大家了解课程最终使用Flutter实现一个怎样的项目，最后会对项目中所用到的技术做一个剖析，可提前知晓本门课程的重点技术内容

• 1-1 课程介绍与学习指南试看
• 1-2 项目需求分析，技术分解

---

学习目标2: Flutter学习经验：Flutter快速上手指南

从开发语言、开发工具、布局、第三方库等方面教你如何快速上手Flutter学习。

• 2-1 Android开发者如何快速上手Flutter开发
• 2-2 iOS开发者如何快速上手Flutter开发
• 2-3 React Native开发者如何快速上手Flutter开发
• 2-4 前端开发者如何快速上手Flutter开发

---

学习目标3: Flutter入门：开发工具准备与开发环境搭建

本章会从开发工具和平台的选择开始讲解Flutter的开发环境的搭建，开发工具的使用技巧以及遇到环境问题、工具问题以及版本问题该如何解决

• 3-1 自测小作业（带着3个问题去学习）
• 3-2 开发系统与工具选择
• 3-3 Flutter开发环境与iOS开发环境设置（Mac）
• 3-4 Android开发环境设置与Flutter插件安装（Mac）
• 3-5 Flutter开发环境与Android开发环境设置详解（Windows）
• 3-6 Flutter开发环境与Android开发环境设置实操（Windows）【边学边做】
• 3-7 Flutter开发工具使用指南

---

学习目标4: Flutter必备Dart基础：Dart快速入门

降低学习Flutter的门槛，专门为大家补充了Dart基础，让您轻松解锁Flutter开发语言，本章我们将带您从零开始系统学习Dart语言，这里不是单纯的阐述概念，是让您真正理解Dart中的oop的思想及应用，这里不是简单的教您写代码，是让您写出高效、规范、简洁的代码

• 4-1 Flutter之Dart概述
• 4-2 Flutter之Dart常用数据类型（数字、类型转换）
• 4-3 Flutter之Dart常用数据类型（字符串）
• 4-4 Flutter之Dart常用数据类型（布尔、List）
• 4-5 Flutter之Dart常用数据类型（Map）
• 4-6 Flutter之Dart常用数据类型（科普小姿势）
• 4-7 带你揭开Flutter中的面向对象（标准构造方法、初始化列表）
• 4-8 带你揭开Flutter中的面向对象（命名构造方法）
• 4-9 带你揭开Flutter中的面向对象（工厂构造方法）
• 4-10 带你揭开Flutter中的面向对象（命名工厂构造方法）
• 4-11 带你揭开Flutter中的面向对象（get和set、静态方法）
• 4-12 带你揭开Flutter中的面向对象（抽象类和方法）
• 4-13 带你揭开Flutter中的面向对象（mixins）
• 4-14 带你解锁Flutter中常用的Dart方法类型
• 4-15 带你了解Dart泛型在Flutter中的应用
• 4-16 有哪些可以用在Flutter上的编程技巧？

---

学习目标5: Flutter入门：基础知识十六讲

通过一个个案例讲解Flutter入门的各种技能，以及大家最关心的布局，打开第三方应用等热门技能，最后会通过一个拍照APP的开发来检验大家对本章知识的掌握程度。

• 5-1 学习Flutter前应该具备哪些基础知识？【不看错过一个亿哦】
• 5-2 如何快速搭建和运行一个Flutter项目？
• 5-3 如何使用Flutter包和插件？【轻松应对各种插件】
• 5-4 StatelessWidget与基础组件【撑起Flutter的半边天】
• 5-5 StatefulWidget与基础组件【撑起Flutter的半边天】
• 5-6 如何进行Flutter布局开发？【布局指南】
• 5-7 如何创建和使用Flutter的路由与导航？【边学边做】
• 5-8 如何检测用户手势以及处理点击事件？【精彩案例】
• 5-9 如何导入和使用Flutter的资源文件？【必备技能】
• 5-10 如何打开第三方应用？【你期待的技能】
• 5-11 Flutter 页面生命周期实战指南
• 5-12 如何获取Flutter应用的生命周期？
• 5-13 如何修改Flutter应用的主题？
• 5-14 如何自定义字体？
• 5-15 拍照APP开发-拍照配置与AndroidX兼容处理【实战尝鲜】
• 5-16 拍照APP开发-图片获取与图片展示【实战尝鲜】

---

学习目标6: Flutter入门：Flutter必备基础

本章会主要讲解Flutter的一些必备基础知识，首先教大家构建Flutter的官方实例项目来学习Flutter example，讲解图片控件的使用经验与技巧，讲解如何在实现动画，最后会教大家如何调试Flutter项目

• 6-1 自测小作业（带着9个问题去学习）
• 6-2 学习构建Flutter实例项目【他山之石可以攻玉】
• 6-3 图片控件开发详解-1【技能储备】
• 6-4 图片控件开发详解-2【技能储备】
• 6-5 动画Animation开发指南-动画基础类【理论熏陶】
• 6-6 动画Animation开发指南-AnimatedWidget与AnimatedBuilder-1【跟着做】
• 6-7 动画Animation开发指南-AnimatedWidget与AnimatedBuilder-2【跟着做】
• 6-8 动画Animation开发指南-AnimatedWidget与AnimatedBuilder-3【跟着做】
• 6-9 动画Animation开发指南-Hero动画-1【装逼必备】
• 6-10 动画Animation开发指南-Hero动画-2【装逼必备】
• 6-11 Flutter调试技巧【经验传授，不看后悔】

---

学习目标7: Flutter入门实战：APP导航框架与常用功能实现

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

• 7-1 自测小作业（带着5个问题去学习）
• 7-2 APP首页框架搭建-Scaffold与PageView【搭了个框架】
• 7-3 APP首页框架搭建-项目实践【搭了个框架】
• 7-4 轮播图Banner功能开发【使用轮子】
• 7-5 自定义AppBar实现滚动渐变【另起炉灶】

---

学习目标8: Flutter进阶提升：网络编程与数据存储技术

讲解Flutter网络编程和本地存储的相关经验和技巧，包括对Http、sharedpreferences的封装和使用，以及Future与FutureBuilder的使用技巧，JSON解析与复杂模型的转换技巧等。

• 8-1 自测小作业（带着7个问题去学习）
• 8-2 基于Http实现网络操作【开启新世界】
• 8-3 异步：Future与FutureBuilder实用技巧【好好学，实战经常用】
• 8-4 JSON解析与复杂模型转换实用技巧【网络请求离不开它】
• 8-5 基于shared_preferences本地存储操作【本地存储】

---

学习目标9: Flutter进阶提升：玩转列表组件

讲解如何用ListView实现横向与竖向的列表，基于ExpansionTile实现可展开的列表，用GridView实现网格列表的使用技巧之外，同时会讲解一些实用的功能技巧如：下拉刷新，上拉加载更多等。

• 9-1 自测小作业 （带着5个问题去学习）
• 9-2 基于ListView实现水平和垂直方式滚动的列表【边学边做】
• 9-3 基于ExpansionTile实现可展开的列表【列表还可以这样做】
• 9-4 基于GridView实现网格布局【跟着做】
• 9-5 高级功能列表下拉刷新与上拉加载更多功能实现【列表拓展技能】

---

学习目标10: Flutter进阶提升：Flutter混合开发

讲解Flutter的混合开发与通信方面的相关技术和经验技巧；Flutter与Android ，iOS进行混合开发是比较流行的一种开发模式，但它的技术难度远高于纯Flutter开发，导致很多开发者都无从下手，本章节将通过理论+实践的方式将Flutter混合开发的应用场景，流程，需要掌握的技术，以及一些经验技巧传授给大家

• 10-1 自测小作业（带着12个问题去学习）
• 10-2 Flutter混合开发流程与创建Flutter module【搞懂流程，不碰壁】
• 10-3 Flutter Android混合开发实战-集成与调用【Android技术与Flutter融合】
• 10-4 Flutter Android混合开发实战-调试与发布【Android技术与Flutter融合】
• 10-5 Flutter iOS混合开发实战-集成与调用【iOS技术与Flutter融合】
• 10-6 Flutter iOS混合开发实战-调试与发布【iOS技术与Flutter融合】
• 10-7 Flutter通信机制&Dart端讲解【全栈皆宜】
• 10-8 Flutter通信机制&Dart端实现【全栈皆宜】
• 10-9 Flutter与Native通信-Android端讲解【通信原理】
• 10-10 Flutter与Native通信-Android端实战【实战应用】
• 10-11 Flutter与Native通信-iOS端讲解【通信原理】
• 10-12 Flutter与Native通信-iOS端实战【实战应用】

---

学习目标11: Flutter进阶实战：App首页功能开发

讲解首页模块的实现，其中会讲解如何实现自定义组件，网格卡片功能实现&布局技巧，以及球区入口的实现，H5模块的开发与使用技巧，以及功能模块的封装与复用。

• 11-1 自测小作业（带着14个问题去学习）
• 11-2 首页大接口细分【熟悉接口好开发】
• 11-3 首页大接口相关模型实现【Model层设计】
• 11-4 首页大接口Dao层实现和调用-1【Dao层设计】
• 11-5 首页大接口Dao层实现和调用-2【Dao层设计】
• 11-6 Flutter自定义组件开发【组件封装】
• 11-7 球区入口实现【实战应用】
• 11-8 基于自定义WebView实现H5混合开发-1【H5混合实战】
• 11-9 基于自定义WebView实现H5混合开发-2【H5混合实战】
• 11-10 基于自定义WebView实现H5混合开发-3【H5混合实战】
• 11-11 网格卡片功能实现&布局技巧-1【布局进阶】
• 11-12 网格卡片功能实现&布局技巧-2【布局进阶】
• 11-13 活动入口实现【实战应用】
• 11-14 底部卡片实现-1【实战应用】
• 11-15 底部卡片实现-2【实战应用】
• 11-16 加载进度条与下拉刷新的实现【实战应用】

学习目标12: Flutter进阶实战：搜索模块开发

讲解如何设计与实现搜索模块？如何实现一个带搜索的AppBar？以及输入框TextField的使用与扩展；搜索文字高亮与富文本功能实现；如何实现搜索Item？以及实时搜索功能的实现技巧与经验

• 12-1 自测小作业 （带着7个问题去学习）
• 12-2 基于TextField实现顶部SearchBar-1【封装组件出神入化】
• 12-3 基于TextField实现顶部SearchBar-2【封装组件出神入化】
• 12-4 搜索接口系分与搜索Dao层的实现【Dao层设计】
• 12-5 基于ListView实现搜索列表【面试加分锦囊】
• 12-6 搜索Item实现【实战应用】
• 12-7 动态Icon与富文本展示【面试加分锦囊】

学习目标13: Flutter进阶拓展：开发包和插件开发

讲解Flutter的插件的开发流程与技巧，以及Flutter插件的发布经验，同时会讲解如何甄选Flutter插件。

• 13-1 自测小作业（带着4个问题去学习）
• 13-2 开发Flutter包和插件的流程步骤【搞懂流程从容不迫】
• 13-3 Flutte包和插件的开发与发布【加入大神俱乐部】
• 13-4 如何甄选Flutter包和插件【站在巨人的肩膀上，为我所用】

学习目标14: Flutter进阶实战：智能AI语音搜索模块实现

讲解智能AI在Flutter上的应用，如何在Flutter中引入Native SDK，如何实现语音搜索的功能，如何调用Native SDK，如何在Flutter和Native之间进行通信等。

• 14-1 自测小作业（带着9个问题去学习）
• 14-2 Android Native SDK集成流程【Android技术小试身手】
• 14-3 iOS Native SDK集成流程【iOS技术小试身手】
• 14-4 Flutter Plugin开发指南-Dart端实现【全栈皆宜】
• 14-5 Flutter Plugin开发指南-Android端实现-1【打通Flutter与Android的任通二脉】
• 14-6 Flutter Plugin开发指南-Android端实现-2【打通Flutter与Android的任通二脉】
• 14-7 Flutter Plugin开发指南-iOS端实现-1【打通Flutter与iOS的任通二脉】
• 14-8 Flutter Plugin开发指南-iOS端实现-2【打通Flutter与iOS的任通二脉】
• 14-9 Flutter AI智能语音界面开发-1【收获果实】
• 14-10 Flutter AI智能语音界面开发-2【收获果实】
• 14-11 Flutter AI智能语音搜索功能实现【锦上添花】

学习目标15: Flutter进阶实战：旅拍模块实现

讲解旅拍模块的设计与实现，同时会讲解如何实现瀑布流布局，如何实现Dao层，如何实现下拉刷新与上拉加载更多，以及对非常实用的滑动切换tab方案进行讲解。

• 15-1 旅拍模块接口系分
• 15-2 旅拍模块Dao层设计
• 15-3 使用TabBar+TabBarView 实现旅拍可滑动切换多Tab
• 15-4 实现旅拍瀑布流布局-1
• 15-5 实现旅拍瀑布流布局-2
• 15-6 实现旅拍卡片布局-1
• 15-7 实现旅拍卡片布局-2
• 15-8 旅拍页面交互与我的页面实现

学习目标16: Flutter进阶拓展：全面屏、折叠屏适配与兼容

讲解全屏幕、折叠屏的适配与优化，并对全面屏的特点及存在的问题做出分析，同时教大家如何适配iPhone，华为，小米、三星等全面屏与凹凸屏手机。

• 16-1 启动白屏问题解决与启动屏开发-1
• 16-2 启动白屏问题解决与启动屏开发-2
• 16-3 Flutter 全屏幕适配指南
• 16-4 Flutter 折叠屏适配指南

学习目标17: Flutter进阶拓展：打包发布Flutter应用

对Flutter进行发布前的优化；以及如何打包发布Flutter Android应用与Flutter iOS应用。

• 17-1 Flutter项目优化-1
• 17-2 Flutter项目优化-2
• 17-3 打包发布Flutter Android应用-1
• 17-4 打包发布Flutter Android应用-2
• 17-5 打包发布Flutter iOS应用

• 学习目标18: Flutter升级与适配指南

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

• 18-1 Flutter升级与适配指南

• 学习目标19: 课程总结

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

• 19-1 .课程总结