# 2024年Flutter零基础极速入门到进阶实战课程（17章完结）

*Published:* 2024-05-22
*Author:* 客服001

#### 温馨提醒

如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢

本文最后更新于2025年6月13日，已超过 180天没有更新



**全面掌握最新版[Flutter](https://www.xarjtc.com/tag/flutter "查看Flutter此标签更多文章")核心技术，及更新、避坑技巧，更好的运用Flutter跨平台技术！**

[![](https://www.xarjtc.com/wp-content/uploads/2024/05/169c636278f5063.webp)](https://www.xarjtc.com/wp-content/uploads/2024/05/169c636278f5063.webp)

**将学到：**

- 掌握Flutter必备的Dart基础
- Flutter项目开发避坑技巧
- 掌握全新版Flutter核心技能
- Flutter版本更新与适配技术
- 快速上手企业级实战项目开发
- 移动端原生开发必备新技能

**简介：**

> 本门课程作为2024年Flutter入门首选课，课程中结合了最新版的Flutter、Dart、主流插件技术进行企业级项目开发，并融入了大量Flutter版本更新问题的解决方案，以及与H5混合开发和通信、多屏适配等高频技能，课程中还将讲师近几年在一线开发中积累的大量开发、避坑等经验传授给大家，让各位小伙伴在实际开发中能更好的运用Flutter技术。

**适合人群**

Android、iOS或前后端开发工程师

对Flutter技术感兴趣的开发工程师

**技术储备**

具备基本的编程基础

了解VS Code或Android Studio开发工具

**环境参数**

Flutter 3.x以上版本

***试看链接：https://pan.baidu.com/s/1rkxL2v6FQvmNMIfL6w2pxQ?pwd=dd9s***

**章节目录：**

第1章 课程导学介绍【课程提供丰富的解题思路与答案库】

2 节｜24分钟

展开

视频：

1-1 Flutter入门课程导学

试看

14:21

视频：

1-2 项目需求分析，技术分解

试看

09:31

第2章 Flutter学习经验：Flutter快速上手指南【保姆级上手教程】

10 节｜124分钟

收起

视频：

2-1 本章介绍

00:53

视频：

2-2 Android开发者如何快速上手Flutter开发（一）

试看

12:57

视频：

2-3 Android开发者如何快速上手Flutter开发（二）

18:30

视频：

2-4 iOS开发者如何快速上手Flutter开发（一）

12:43

视频：

2-5 iOS开发者如何快速上手Flutter开发（二）

17:55

视频：

2-6 前端开发者如何快速上手Flutter开发（一）

12:32

视频：

2-7 前端开发者如何快速上手Flutter开发（二）

18:22

视频：

2-8 React Native 开发者如何快速上手Flutter开发（一）

09:09

视频：

2-9 React Native 开发者如何快速上手Flutter开发（二）

18:10

视频：

2-10 本章总结

02:25

第3章 Flutter入门：开发工具准备与开发环境搭建【手把手带你搞定环境与工具】

7 节｜53分钟

收起

视频：

3-1 本章介绍

01:45

视频：

3-2 Flutter开发工具选择经验分享

05:55

视频：

3-3 如何在macOS电脑上搭建Flutter开发环境？

12:10

视频：

3-4 如何在Windows电脑上搭建Flutter开发环境？

12:21

图文：

3-5 高频Flutter开发环境搭建问题和解决方案分析

视频：

3-6 带你玩转主流Flutter开发工具的使用

17:29

视频：

3-7 本章总结

02:30

第4章 Flutter入门：Flutter开发必备Dart基础【已掌握，可略过】

15 节｜132分钟

展开

视频：

4-1 Flutter之Dart概述

05:10

图文：

4-2 空安全最小必备知识

视频：

4-3 Flutter之Dart常用数据类型（数字、类型转换）

10:09

视频：

4-4 Flutter之Dart常用数据类型（字符串）

06:30

视频：

4-5 Flutter之Dart常用数据类型（布尔、List）

14:43

视频：

4-6 Flutter之Dart常用数据类型（Map）

09:43

视频：

4-7 dynamic、var、Object的使用与区别

09:17

视频：

4-8 带你解锁Flutter中常用的Dart方法类型

15:22

视频：

4-9 带你走进Flutter中的面向对象（标准构造方法、初始化列表与命名构造方法）

13:39

视频：

4-10 Dart的命名构造方法与命名工厂构造方法

10:37

视频：

4-11 Dart的get和set方法

04:13

视频：

4-12 Dart的抽象类和方法

06:29

视频：

4-13 在Flutter中使用mixins

05:42

视频：

4-14 带你了解Dart泛型在Flutter中的应用

09:55

视频：

4-15 有哪些可以用在Flutter上的编程技巧？

09:54

第5章 Flutter入门实战：Flutter网络编程与数据存储技术【实战必备技能】

10 节｜89分钟

展开

图文：

5-1 基于Http实现网络操作

视频：

5-2 Flutter网络开发实战应用（基于http实现get操作）

16:07

视频：

5-3 Flutter网络开发实战应用（基于http实现post操作与json解析）

18:28

图文：

5-4 JSON解析与Dart Model的使用

视频：

5-5 JSON解析与Dart Model的实战应用

16:40

图文：

5-6 Future与FutureBuilder实用技巧

视频：

5-7 Future与FutureBuilder实战应用

10:57

图文：

5-8 基于shared\_preferences的本地存储操作

视频：

5-9 本地存储操作shared\_preferences的实战应用

09:10

视频：

5-10 轻松掌握Flutter调试技巧

17:13

第6章 Flutter入门实战：布局实战技巧与登录模块开发【布局和鉴权技能】

10 节｜109分钟

展开

视频：

6-1 走进Flutter的Widget世界

08:50

图文：

6-2 StatelessWidget与StatefulWidget开发指南

图文：

6-3 Android和iOS开发者如何快速上手Flutter布局开发

视频：

6-4 基于Scaffold、Stack等主流Widget实现登录页面结构布局

18:03

视频：

6-5 基于StatelessWidget与TextField实现账号和密码输入功能

18:59

视频：

6-6 按钮组件封装与禁用功能实现

08:00

视频：

6-7 登录功能交互体验优化

07:46

视频：

6-8 接口鉴权与登录态处理

16:32

视频：

6-9 登录服务功能实现

17:04

视频：

6-10 Flutter屏幕适配指南

13:20

第7章 Flutter入门实战：APP导航框架与常用功能实现【先打一仗，巩固技能】

5 节｜58分钟

展开

视频：

7-1 基于PageView搭建首页导航框架

09:04

视频：

7-2 基于BottomNavigationBar实现底部Tab切换

12:32

视频：

7-3 封装的艺术之轮播图组件的实现

12:50

视频：

7-4 带你手把手实现轮播图指示器

08:18

视频：

7-5 基于Opacity与NotificationListener实现AppBar滚动渐变效果

15:02

第8章 Flutter进阶提升：玩转Flutter列表组件【动动手，带你玩转各种列表】

4 节｜40分钟

展开

视频：

8-1 基于ListView实现水平和垂直方式滚动的列表

11:02

视频：

8-2 基于ExpansionTile实现可展开的列表

09:27

视频：

8-3 基于GridView实现网格列表

07:02

视频：

8-4 高级功能列表下拉刷新与上拉加载更多功能实现

11:35

第9章 Flutter进阶实战：App首页功能开发【Top App实战经验，干货满满】

12 节｜136分钟

展开

视频：

9-1 本章介绍

01:36

图文：

9-2 首页接口和数据交互说明

视频：

9-3 首页接口分析与数据请求封装

17:21

视频：

9-4 首页大接口的相关模型实现与使用

17:53

视频：

9-5 球区入口实现

13:16

视频：

9-6 网格卡片功能实现&布局技巧（一）

18:16

视频：

9-7 网格卡片功能实现&布局技巧（二）

10:37

视频：

9-8 活动入口实现

12:47

视频：

9-9 底部卡片实现（一）

16:52

视频：

9-10 底部卡片实现（二）

12:29

视频：

9-11 加载进度条与下拉刷新的实现

11:59

视频：

9-12 本章总结

02:39

第10章 Flutter进阶实战：搜索模块开发【适用于企业级应用开发：简洁、高效、实用】

10 节｜146分钟

展开

视频：

10-1 本章介绍

01:33

视频：

10-2 自定义SearchBar结构框架实现

23:58

视频：

10-3 TextField输入框自定义样式扩展

17:39

视频：

10-4 基于SearchBar实现首页AppBar

14:15

图文：

10-5 搜索接口和数据交互说明

视频：

10-6 搜索接口系分与搜索Dao层的实现

16:11

视频：

10-7 基于ListView实现搜索列表与实时搜索的优化

21:15

视频：

10-8 搜索Item实现

19:44

视频：

10-9 动态Icon与富文本展示

25:01

视频：

10-10 本章总结

06:03

第11章 Flutter进阶实战：旅拍模块实现【助力职场】

8 节｜76分钟

展开

视频：

11-1 本章介绍

01:43

图文：

11-2 旅拍模块接口和数据交互说明

视频：

11-3 旅拍类别接口系分与数据处理

12:05

视频：

11-4 使用TabBar+TabBarView 实现旅拍可滑动切换多Tab

14:20

视频：

11-5 旅拍列表接口系分与数据处理

12:34

视频：

11-6 实现旅拍瀑布流布局

15:42

视频：

11-7 实现旅拍卡片实现

14:52

视频：

11-8 本章总结

04:44

第12章 Flutter进阶拓展：Flutter与H5混合开发【大厂开发思维主流开发经验】

7 节｜70分钟

展开

视频：

12-1 本章介绍

02:28

图文：

12-2 webview\_flutter使用详解

视频：

12-3 H5容器widget封装（一）

27:36

视频：

12-4 H5容器widget封装（二）

15:23

视频：

12-5 基于H5容器实现H5混合开发

15:04

视频：

12-6 基于H5容器实现我的页面

06:20

视频：

12-7 本章总结

03:08

第13章 Flutter进阶拓展：Flutter与H5通信开发【混合开发必备技术】

14 节｜110分钟

展开

视频：

13-1 本章介绍

03:08

视频：

13-2 Flutter与H5通信的几种方式

09:27

图文：

13-3 Flutter与H5通信的原理剖析

图文：

13-4 Flutter与H5通信实战开发资料

视频：

13-5 JS通过URL向Flutter传递数据

20:16

视频：

13-6 JS通过Channel向Flutter传递数据

07:48

视频：

13-7 Flutter通过URL向H5传递数据

06:50

视频：

13-8 Flutter通过执行JS代码向H5传递数据

11:04

图文：

13-9 Flutter与H5路由跳转详解

视频：

13-10 Flutter加载本地H5实战开发

10:47

视频：

13-11 Flutter加载指定目录下的H5

11:02

视频：

13-12 通过cookie的方式实现登录态的同步

14:25

视频：

13-13 通过Channel的方式实现登录态的同步

09:47

视频：

13-14 本章总结

04:33

第14章 Flutter进阶拓展：开发包和插件开发【成神之路，助你一臂之力】

6 节｜52分钟

展开

视频：

14-1 本章介绍

01:35

视频：

14-2 如何甄选Flutter包和插件

15:03

图文：

14-3 开发Flutter包和插件的流程步骤

视频：

14-4 Flutter包和插件的开发与发布（一）

20:38

视频：

14-5 Flutter包和插件的开发与发布（二）

10:34

视频：

14-6 本章小结

04:03

第15章 Flutter进阶拓展：Flutter升级与适配指南【开发避雷针】

6 节｜34分钟

展开

视频：

15-1 本章介绍

02:16

视频：

15-2 启动白屏问题优化与启动屏制作

14:18

视频：

15-3 Flutter升级与适配指南

12:07

图文：

15-4 【赠送内容】编译和打出Android应用

图文：

15-5 【赠送内容】编译和打出iOS应用

视频：

15-6 本章小结

04:47

第16章 【赠送内容】getx最佳实践【大型工程必备】

10 节｜95分钟

展开

视频：

16-1 本章介绍

01:57

视频：

16-2 使用getx做路由管理

10:11

图文：

16-3 使用getx做状态管理（理论熏陶）

视频：

16-4 使用Obx与GetX做状态管理

27:38

视频：

16-5 使用GetBuilder做状态管理

09:18

图文：

16-6 使用getx实现MVVM架构模式（理论熏陶）

视频：

16-7 使用getx实现MVVM架构模式-模块的改造

17:17

视频：

16-8 使用getx实现MVVM架构模式-工程的改造

09:40

视频：

16-9 登录模块MVVM架构模式改造-

13:46

视频：

16-10 本章总结

04:43

第17章 课程总结【万金油，出师必备锦囊】

1 节｜

展开

图文：

17-1 课程总结

本课程已完结