Flutter从入门到进阶 实战携程网App / 解锁Flutter开发新姿势,一网打尽Flutter核心技术
CrazyCodeBoy

深耕移动端领域8年有余,全栈技术专家,CSDN 博客专家,擅长Android、iOS、React Native以及小程序项目开发,负责过前端、Java、Android、iOS等多平台项目的研发,有多款React Native App上线及管理经验。

贾老师对新技术有天生的敏锐感,对移动端跨平台、动态更新、增量更新,有深刻理解。他享受编程、热爱开源、酷爱分享,平时除了写写博客外,也分享一些开源技术干货 · Github

 
  • 课程目录
  • 课程介绍
  • 1-1 【快来认识我】课程介绍与学习指南

  • 1-2 【让我走近你】项目需求分析,技术分解

  • 2-1 自测小作业(带着3个问题去学习)

  • 2-2 【选择利器】开发系统与工具选择

  • 2-3 【补充弹药】Flutter开发环境与iOS开发环境设置(Mac)

  • 2-4 【边学边做】Android开发环境设置与Flutter插件安装(Mac)

  • 2-5 【补充弹药】Flutter开发环境与Android开发环境设置详解(Windows)

  • 2-6 【边学边做】Flutter开发环境与Android开发环境设置实操(Windows)

  • 2-7 【观察战场】Flutter开发工具使用指南

  • 2-8 【避坑指南】本章小结-环境问题,工具问题,版本问题

  • 3-1 【不看错过一个亿哦】学习Flutter前应该具备哪些基础知识?

  • 3-2 【解锁多种姿势】如何快速搭建和运行一个Flutter项目?

  • 3-3 【轻松应对各种插件】如何使用Flutter包和插件?

  • 3-4 【撑起Flutter的半边天】StatelessWidget与基础组件

  • 3-5 【撑起Flutter的半边天】StatefulWidget与基组件

  • 3-6 【你期待的布局指南来了】如何进行Flutter布局开发?

  • 3-7 【跟着做,有收获】如何创建和使用Flutter的路由与导航?

  • 3-8 【精彩案例】如何检测用户手势以及处理点击事件?

  • 3-9 【必备技能】如何导入和使用Flutter的资源文件?

  • 3-10 【你期待的技能来了】如何打开第三方应用?

  • 3-11 【实战尝鲜】拍照APP开发-拍照配置与AndroidX兼容处理

  • 3-12 【实战尝鲜】拍照APP开发-图片获取与图片展示

  • 3-13 本章小结

  • 4-1 自测小作业(带着9个问题去学习)

  • 4-2 【他山之石可以攻玉】学习构建Flutter实例项目

  • 4-3 【技能储备】图片控件开发详解-1

  • 4-4 【技能储备】图片控件开发详解-2

  • 4-5 【理论熏陶】动画Animation开发指南-动画基础类

  • 4-6 【跟着做】动画Animation开发指南-AnimatedWidget与AnimatedBuilder-1

  • 4-7 【跟着做】动画Animation开发指南-AnimatedWidget与AnimatedBuilder-2

  • 4-8 【跟着做】动画Animation开发指南-AnimatedWidget与AnimatedBuilder-3

  • 4-9 【装逼必备】动画Animation开发指南-Hero动画-1

  • 4-10 【装逼必备】动画Animation开发指南-Hero动画-2

  • 4-11 【经验传授,不看后悔】Flutter调试技巧

  • 4-12 本章小结

  • 5-1 自测小作业(带着5个问题去学习)

  • 5-2 【搭了个框架】APP首页框架搭建-Scaffold与PageView

  • 5-3 【搭了个框架】APP首页框架搭建-项目实践

  • 5-4 【使用轮子】轮播图Banner功能开发

  • 5-5 【另起炉灶】自定义AppBar实现滚动渐变

  • 5-6 本章小结

  • 6-1 自测小作业(带着7个问题去学习)

  • 6-2 【开启新世界】基于Http实现网络操作

  • 6-3 【好好学,实战经常用】异步:Future与FutureBuilder实用技巧

  • 6-4 【网络请求离不开它】JSON解析与复杂模型转换实用技巧

  • 6-5 【本地存储】基于shared_preferences本地存储操作

  • 6-6 本章小结

  • 7-1 自测小作业 (带着5个问题去学习)

  • 7-2 【边学边做】基于ListView实现水平和垂直方式滚动的列表

  • 7-3 【列表还可以这样做】基于ExpansionTile实现可展开的列表

  • 7-4 【跟着做】基于GridView实现网格布局

  • 7-5 【列表拓展技能】高级功能列表下拉刷新与上拉加载更多功能实现

  • 7-6 本章小结

  • 8-1 自测小作业(带着12个问题去学习)

  • 8-2 【搞懂流程,不碰壁】Flutter混合开发流程与创建Flutter module

  • 8-3 【Android技术与Flutter融合】Flutter Android混合开发实战-集成与调用

  • 8-4 【Android技术与Flutter融合】Flutter Android混合开发实战-调试与发布

  • 8-5 【iOS技术与Flutter融合】Flutter iOS混合开发实战-集成与调用

  • 8-6 【iOS技术与Flutter融合】Flutter iOS混合开发实战-调试与发布

  • 8-7 【全栈皆宜】Flutter通信机制&Dart端讲解

  • 8-8 【全栈皆宜】Flutter通信机制&Dart端实现

  • 8-9 【通信原理】Flutter与Native通信-Android端讲解

  • 8-10 【实战应用】Flutter与Native通信-Android端实战

  • 8-11 【通信原理】Flutter与Native通信-iOS端讲解

  • 8-12 【实战应用】Flutter与Native通信-iOS端实战

  • 8-13 本章小结

  • 9-1 自测小作业(带着14个问题去学习)

  • 9-2 【熟悉接口好开发】首页大接口细分

  • 9-3 【Model层设计】首页大接口相关模型实现

  • 9-4 【Dao层设计】首页大接口Dao层实现和调用-1

  • 9-5 【Dao层设计】首页大接口Dao层实现和调用-2

  • 9-6 【组件封装】Flutter自定义组件开发

  • 9-7 【实战应用】球区入口实现

  • 9-8 【H5混合实战】基于自定义WebView实现H5混合开发-1

  • 9-9 【H5混合实战】基于自定义WebView实现H5混合开发-2

  • 9-10 【H5混合实战】基于自定义WebView实现H5混合开发-3

  • 9-11 【布局进阶】网格卡片功能实现&布局技巧-1

  • 9-12 【布局进阶】网格卡片功能实现&布局技巧-2

  • 9-13 【实战应用】活动入口实现

  • 9-14 【实战应用】底部卡片实现-1

  • 9-15 【实战应用】底部卡片实现-2

  • 9-16 【实战应用】加载进度条与下拉刷新的实现

  • 9-17 本章小结

  • 10-1 自测小作业 (带着7个问题去学习)

  • 10-2 【封装组件出神入化】基于TextField实现顶部SearchBar-1

  • 10-3 【封装组件出神入化】基于TextField实现顶部SearchBar-2

  • 10-4 【Dao层设计】搜索接口系分与搜索Dao层的实现

  • 10-5 【面试加分锦囊】基于ListView实现搜索列表

  • 10-6 【实战应用】搜索Item实现

  • 10-7 【面试加分锦囊】动态Icon与富文本展示

  • 10-8 本章小结

  • 11-1 自测小作业(带着4个问题去学习)

  • 11-2 【搞懂流程从容不迫】开发Flutter包和插件的流程步骤

  • 11-3 【加入大神俱乐部】Flutte包和插件的开发与发布

  • 11-4 【站在巨人的肩膀上,为我所用】如何甄选Flutter包和插件

  • 11-5 本章小结

  • 12-1 自测小作业(带着9个问题去学习)

  • 12-2 【Android技术小试身手】Android Native SDK集成流程

  • 12-3 【iOS技术小试身手】iOS Native SDK集成流程

  • 12-4 【全栈皆宜】Flutter Plugin开发指南-Dart端实现

  • 12-5 【打通Flutter与Android的任通二脉】Flutter Plugin开发指南-Android端实现-1

  • 12-6 【打通Flutter与Android的任通二脉】Flutter Plugin开发指南-Android端实现-2

  • 12-7 【打通Flutter与iOS的任通二脉】Flutter Plugin开发指南-iOS端实现-1

  • 12-8 【打通Flutter与iOS的任通二脉】Flutter Plugin开发指南-iOS端实现-2

  • 12-9 【收获果实】Flutter AI智能语音界面开发-1

  • 12-10 【收获果实】Flutter AI智能语音界面开发-2

  • 12-11 【锦上添花】Flutter AI智能语音搜索功能实现

  • 12-12 本章小结

  • 13-1 旅拍模块接口系分

  • 13-2 旅拍模块Dao层设计

  • 13-3 使用TabBar+TabBarView 实现旅拍可滑动切换多Tab

  • 13-4 实现旅拍瀑布流布局-1

  • 13-5 实现旅拍瀑布流布局-2

  • 13-6 实现旅拍卡片布局-1

  • 13-7 实现旅拍卡片布局-2

  • 13-8 旅拍页面交互与我的页面实现

  • 13-9 本章小结

  • 14-1 启动白屏问题解决与启动屏开发-1

  • 14-2 启动白屏问题解决与启动屏开发-2

  • 14-3 Flutter 全屏幕适配指南

  • 14-4 Flutter 折叠屏适配指南

  • 14-5 本章小结

  • 15-1 Flutter项目优化-1

  • 15-2 Flutter项目优化-2

  • 15-3 打包发布Flutter Android应用-1

  • 15-4 打包发布Flutter Android应用-2

  • 15-5 打包发布Flutter iOS应用

  • 15-6 本章小结

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

  • 17-1 .课程总结

从入门到进阶,带你快速解锁Flutter新版热门技术

专为Android/iOS/Web前端工程师倾力打造的Flutter入门与实战教程

Flutter快速上手

Flutter的知识体系架构 Flutter与iOS、Android、RN的异同 不同开发者该如何快速上手Flutter开发 Flutter必备基础入门

Flutter基础实战APP导航框架与常用功能实现

APP导航框架与常用功能的实现 Scaffold与PageView 轮播Banner插件应用 NotificationListener应用

Flutter进阶提升网络编程与数据存储技术

Flutter网络编程和本地存储的相关经验和技巧 基于Http实现网络操作 基于shared_preferences实现本地存储 Flutter异步编程 Future与FutureBuilder的使用技巧

Flutter进阶提升玩转列表组件

ListView使用技巧 横向与竖向的列表 基于GridView实现网格列表 基于ExpansionTile实现可展开的列表 下拉刷新与上拉加载更多

Flutter进阶提升Flutter混合开发

Flutter混合开发流程原理、场景 Flutter混合开发核心技术 Flutter混合开发经验与技巧

体系化讲解+真实项目高仿,系统掌握Flutter实战技术与技巧

无论是新人还是老手,都能让你的Flutter技术能力和项目经验得到前所未有的提升

  • App首页功能开发

    首页模块的实现 如何实现自定义组件 网格卡片功能实现&布局技巧 H5模块的开发与使用技巧 功能模块的封装与复用

  • App搜索模块开发

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

  • 智能AI语音搜索模块实现

    Flutter与AI智能的结合 引入与调用Native SDK Native Module封装 实现语音搜索的功能 Flutter和Native之间进行通信

  • App旅拍模块实现

    旅拍模块的设计与实现 如何实现瀑布流布局 如何设计Dao层 TabBar+TabBarView 实现旅拍 可滑动切换多Tab

  • 开发包和插件开发指南

    Flutter的插件的开发流程与技巧 Flutter插件的发布经验 如何甄选Flutter插件

  • 打包发布Flutter应用

    发布前的项目优化 打包发布Flutter Android应用 打包发布Flutter iOS应用

  • 折叠屏&全面屏适配与兼容问题

    折叠屏&全面屏的特点及存在的问题 折叠屏&全屏幕的适配与优化 如何适配折叠屏 iPhone、小米、三星等折叠屏、全面屏与凹凸屏手机适配

  • Flutter升级与适配指南

    新版Flutter的升级与适配经验 不同升级方式的优缺点 版本适配建议

学员专享增值服务

问答专区

关于课程的问题都可在问答区随时提问,讲师会进行集中答疑

源码开放

课程案例代码完全开放给你,你可以根据所学知识,自行修改、优化

课程作业

每章都配套有讲师精心为大家设计的作业,让你学练结合

适合人群

Android、iOS或前后端开发工程师对Flutter技术感兴趣的开发工程师

技术储备要求

具备Dart语言基础;了解AndroidStudio ,Xcode开发工具