先说清楚：这门课在解决什么工作场景

如果你做移动端开发，或者正从其他技术栈转做 APP，大概率遇到过这种纠结：同一套业务，安卓和 iOS 要各写一遍，逻辑重复且维护成本高。这门讲 Flutter 跨平台开发的课，核心场景就是“一次编写，多端运行”，把前后端分离的数据渲染、界面主题切换、响应式布局和多媒体播放等常见需求，用一套代码跑通。它不是讲 Dart 语法基础，而是直接进入业务模块的实现，适合已经写过简单页面、想用 Flutter 独立交付完整 APP 的人。如果你完全没碰过任何编程，建议先补基础再看；如果有一定前端或移动端经验，拿来补齐实战短板是合适的。

建议先看哪几块，资料怎么配合练习

资料里的实操模块按业务类型分得很清楚，建议按以下顺序推进，不要从头顺播。第一块先看前后端分离的数据渲染，包括用户列表、电影列表和商品列表这几节，重点理解网络请求拿到数据后怎么绑定到界面、列表项怎么复用。第二块看主题配置与切换，这部分在企业项目里很常见，搞懂状态管理怎么驱动全局样式变化。第三块挑多媒体播放和登录案例来看，这两个场景能帮你理清第三方依赖调用和表单交互的逻辑。练习时，不要只盯着视频跟着敲，每看完一个模块，先暂停，自己新建一个工程，凭记忆把列表渲染或主题切换写一遍，跑不通再回去查对应片段。资料里的代码片段是用来对照逻辑的，不是用来复制粘贴的，手写一遍才能真正记住组件用法。

学完能独立做什么

把这几个模块练熟，你应当能独立承担一个标准业务 APP 的前端开发：拿到后端接口文档后，自己用 Flutter 搭出列表页、详情页和登录表单，把返回的 JSON 数据渲染成界面；能根据设计稿配置 APP 的主题色并实现深浅模式切换；遇到音频或视频播放需求，知道怎么接入播放组件并处理播放状态。简单说，学完不是停留在跑通 demo，而是面对一个真实项目需求，能自己拆解页面、选对组件、把数据流接通，交付一个能跑在多端的可用版本。对转行者来说，这几个模块练出来的成品，稍微打磨一下就能当项目经验写进简历去面试。


学员将掌握前后端分离数据渲染、主题配置与切换、响应式布局、多媒体播放、自定义组件及登录界面设计等实战

课程目录

*   01 01 前后端分离的用户列表渲染.mp4 (157.18 MB), 29:33

*   02 02 电影列表.mp4 (97.44 MB), 16:14

*   03 03 前后端分离的电影列表.mp4 (68.91 MB), 11:02

*   04 04 配置主题.mp4 (26.75 MB), 04:22

*   05 05 登录案例.mp4 (48.38 MB), 07:41

*   06 06 主题切换.mp4 (139.67 MB), 22:29

*   07 07 商品列表.mp4 (70.65 MB), 12:02

*   08 08 前后端分离商品列表.mp4 (104.82 MB), 17:01

*   09 09 播放网络音乐.mp4 (87.80 MB), 15:28

*   10 10 播放网络视频.mp4 (97.59 MB), 15:47

*   11 11 背景虚化.mp4 (44.59 MB), 07:31

*   12 12 半透明背景.mp4 (19.36 MB), 03:37

*   13 13 自定义导航栏.mp4 (29.80 MB), 05:00

*   14 14 自定义顶部banner导航.mp4 (84.61 MB), 13:46

*   15 15 响应式布局.mp4 (84.69 MB), 15:49

*   16 16 等比例缩放.mp4 (70.54 MB), 11:25

*   17 17 检测横屏竖屏.mp4 (62.45 MB), 10:40

*   18 18 flutter_screenutil响应式设计.mp4 (151.51 MB), 25:50

*   19 19 音乐列表跳转音乐详情.mp4 (94.29 MB), 16:34

*   20 20 音乐底部导航.mp4 (51.83 MB), 08:34

*   21 21 渐变登录界面1.mp4 (95.39 MB), 15:59

*   22 22 渐变登录界面2.mp4 (67.44 MB), 11:11

*   23 23 渐变登录界面3.mp4 (72.39 MB), 11:40

*   24 24 简约登录界面1.mp4 (54.66 MB), 09:25

*   25 25 简约登录界面2.mp4 (87.10 MB), 15:12

*   26 26 简约登录界面3.mp4 (25.94 MB), 04:50

*   27 27 全屏背景登录界面1.mp4 (50.57 MB), 08:53

*   28 28 全屏背景登录界面2.mp4 (65.46 MB), 10:34

*   29 29 全屏背景登录界面3.mp4 (51.27 MB), 08:23

*   30 30 总结.mp4 (22.54 MB), 04:17