这门课到底在解决什么问题

许多 Flutter 开发者停留在“能跑起来”的阶段，一旦涉及真实 App 的复杂交互，往往不知道如何组织状态、如何处理动画性能、如何在多端保持一致体验。本课程以仿哔哩哔哩客户端为实战载体，重点攻克 Flutter 高级进阶中的工程化难题。它不教基础语法，而是聚焦于中大型项目的架构设计、复杂 UI 还原、以及移动端性能优化。 适合已经掌握 Dart 语言基础和 Flutter 常用组件，但在实际项目中遇到“代码耦合重”、“动画卡顿”、“状态混乱”等问题的开发者。无论你是想提升现有项目质量，还是准备独立开发一款完整的高品质 App，这套案例都提供了可落地的参考方案。门槛方面，你需要至少独立完成过 2～3 个小项目，否则直接上手可能会被项目复杂度劝退。

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

课程结构遵循“从整体架构到细节打磨”的逻辑。学习顺序上，建议先通览一遍整体项目结构，理解模块划分（如网络层、业务层、UI 层）的基本思路，再进入具体章节。不要一上来就逐帧模仿代码，先建立全局认知。 重点优先观看内容：核心组件的高级封装方法、复杂页面（如首页 Feed 流、视频播放页）的状态管理实践、以及自定义动画的实现技巧。这些部分是仿 B 站项目中技术含量最高、也最能体现“高级进阶”价值的地方。配套资料包含了完整的项目源码和设计稿。建议边看视频边动手：先用源码跑通项目，感受整体交互；再尝试不看视频，独立复现某个复杂功能模块；最后对照设计稿，检查细节还原度（如圆角、阴影、过渡动画）。这种“看—做—比”的组合，能最大程度巩固所学。资料中的源码并非用来直接抄，而是用来对照自己的实现，找出差距并理解背后的设计意图。

学完能独立做什么

完成本课程后，你将具备独立开发中大型 Flutter 应用的能力。具体体现在：能够设计清晰的多层架构，避免状态管理混乱；能够高效还原复杂 UI 设计稿，包括自定义控件和流畅动画；能够处理视频播放、列表性能优化等常见移动端痛点。 更重要的是，你将建立起一套评估 Flutter 项目质量的标准：不仅看功能是否实现，更关注代码可维护性、渲染性能和用户体验的一致性。这些能力对于希望从“会用组件”进阶到“能打造产品”的开发者来说，至关重要。你将不再满足于“能做出来”，而是追求“做得专业、做得可持续”。

mksz487 - Flutter高级进阶实战 仿哔哩哔哩APP[完结]

本课程隶属 会员库 · MK实战课（一部分是老课） / 课程盒子4-mksz400至499，完整课程目录与配套资料如下。

课程目录

1/
1-2 课程导学[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
1-3 本章目标_一手IT课程资源+微信微信-rmshou-收集整理.png
1-4 Android Studio开发Flutter实用技巧[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
1-5 VS Code开发Flutter实用技巧[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
1-6 本章总结_一手IT课程资源+微信微信-rmshou-收集整理.png
1-7 思考题_一手IT课程资源+微信微信-rmshou-收集整理.png
10/
10-11 发送弹幕功能实现[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
10-4 基于web_socket_channel实现弹幕通信[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
10-5 弹幕组件hi_barrage封装-1[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
10-6 弹幕组件hi_barrage封装-2[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
10-7 自定义弹幕展示效果[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
10-8 基于Animation实现视频弹幕动效[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
10-9 基于HiOverlay实现弹幕输入界面[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
11/
11-4 基于ThemeData实现自定义主题[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
11-5 基于provider实现主题状态管理[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
11-6 代码优化实现Dark Mode适配[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
11-8 系统Dark Mode变化监听与适配[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
11-9 Flutter的夜间模式实现[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
12/
12-3 hi-net模块解耦与重构[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
12-4 hi-net组件化改造[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
12-5 hi-barrage弹幕模块组件化改造[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
12-6 hi_base基础模块组件化[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
同类型课程.jpg
13/
13-11 Flutter包大小优化[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
13-3 Flutter异常捕获与Crash日志收集[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
13-5 稳定性保障之Flutter测试之道[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
13-6 Flutter集成测试-1[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
13-7 Flutter集成测试-2[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
13-9 Flutter性能优化实战[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
14/
14-3 集成与打包Android应用[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
14-5 集成与打包iOS应用[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
同类型课程.jpg
2/
2-1 本章目标[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
2-10 三种JSON解析技巧带你解放生产力[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
2-11 统一缓存管理框架hi_cache设计[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
2-12 本章总结[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
2-13 本章作业_一手IT课程资源+微信微信-rmshou-收集整理.png
2-2 Flutter网络层框架凝难点分析_一手IT课程资源+微信微信-rmshou-收集整理.png
2-3 Flutter网络框架架构设计[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
2-4 基于配置的请求封装与hi_net架构搭建-1[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
2-5 基于配置的请求封装与hi_net架构搭建-2[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
2-6 hi_net统一异常和返回处理与Adapter模式设计[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
2-7 扩展hi_net添加对dio的支持[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
2-8 Dart JSON编码器和解码器剖析[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
2-9 思考题_一手IT课程资源+微信微信-rmshou-收集整理.png
同类型课程.jpg
3/
3-1 本章目标[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
3-10 本章作业_一手IT课程资源+微信微信-rmshou-收集整理.png
3-2 登陆与注册流程分析_一手IT课程资源+微信微信-rmshou-收集整理.png
3-3 Flutter登录与注册SDK设计实现[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
3-4 登录态保持与接口鉴权处理[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
3-5 输入框实用技巧与实战应用[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
3-6 自定义AppBar与登录动效设计与实现[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
3-7 注册模块设计与实现[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
3-8 登录模块设计与实现[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
3-9 本章总结[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
4/
4-1 本章目标_一手IT课程资源+微信微信-rmshou-收集整理.png
4-10 基于TabBar+TabBarView实现顶部导航功能[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
4-11 本章总结_一手IT课程资源+微信微信-rmshou-收集整理.png
4-12 本章作业_一手IT课程资源+微信微信-rmshou-收集整理.png
4-2 Flutter的新导航器和路由系统_一手IT课程资源+微信微信-rmshou-收集整理.png
4-3 Flutter路由管理剖析与实战[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
4-4 基于全新Navigator封装易用的导航框架[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
4-5 Android物理返回兼容处理跳转回调实现[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
4-6 封装统一导航功能提高开发效率[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
4-7 页面导航监听与onPause和onResume功能探索与实现[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
4-8 基于BottomNavigation+PageView实现底部导航功能[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
4-9 扩展hi_navigator支持底部tab导航通知[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
同类型课程.jpg
5/
5-1 本章目标_一手IT课程资源+微信微信-rmshou-收集整理.png
5-10 上拉加载更多与分页功能实现[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
5-11 基于Lottie实现全局加载组件封装[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
5-12 本章总结_一手IT课程资源+微信微信-rmshou-收集整理.png
5-13 本章作业_一手IT课程资源+微信微信-rmshou-收集整理.png
5-2 首页接口系分与Dao层实现[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
5-3 封装HiState处理页面状态异常[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
5-4 轮播图Banner组件封装[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
5-5 封装可自定义样式的沉浸式导航栏NavigationBar[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
5-6 基于StaggeredGridView封装首页双Feed列表[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
5-7 卡片组件封装与优化[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
5-8 Flutter图片加载与缓存原理剖析-1_一手IT课程资源+微信微信-rmshou-收集整理.png
5-8 Flutter图片加载与缓存原理剖析-2_一手IT课程资源+微信微信-rmshou-收集整理.png
5-9 列表图片缓存与加载优化实战[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
6/
6-1 本章目标_一手IT课程资源+微信微信-rmshou-收集整理.png
6-10 本章作业_一手IT课程资源+微信微信-rmshou-收集整理.png
6-2 Flutter主流视频播放器_一手IT课程资源+微信微信-rmshou-收集整理.png
6-3 Flutter主流视频播放器分析[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
6-4 Flutter视频播放器组件封装[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
6-5 播放器源码分析与自定义播放器UI[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
6-6 全屏播放与沉浸式播放功能实现[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
6-7 利用应用生命周期变化进行体验优化[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
6-8 封装HiTab组件实现Tab切换功能复用[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
6-9 本章总结_一手IT课程资源+微信微信-rmshou-收集整理.png
同类型课程.jpg
7/
7-1 本章目标_一手IT课程资源+微信微信-rmshou-收集整理.png
7-10 思考题_一手IT课程资源+微信微信-rmshou-收集整理.png
7-11 本章作业_一手IT课程资源+微信微信-rmshou-收集整理.png
7-2 视频详情头部模块组件封装与布局技巧[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
7-3 Flutter动画开发实用知识-1_一手IT课程资源+微信微信-rmshou-收集整理.png
7-3 Flutter动画开发实用知识-2_一手IT课程资源+微信微信-rmshou-收集整理.png
7-4 基于Animation实现带动画的展开列表组件[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
7-5 详情页接口系分与视频模型复用[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
7-6 视频点赞分享收藏工具栏实现[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
7-7 视频收藏接口系分与功能实现[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
7-8 关联视频列表卡片设计与功能实现[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
7-9 本章总结_一手IT课程资源+微信微信-rmshou-收集整理.png
同类型课程.jpg
8/
8-2 排行榜页面框架搭建[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
8-3 通用底层带分页和刷新的页面框架HiBaseTabState封装[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
8-4 排行榜模块接口系分与Dao层封装[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
8-5 基于HiBaseTabState实现页面快速搭建[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
同类型课程.jpg
9/
9-2 个人中心模块接口系分与数据加载[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
9-3 基于NestedScrollView与SliverAppBar实现复杂场景下的嵌套滚动[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
9-4 高斯模糊与视差滚动效果实现[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
9-6 高效的组件HiFlexibleHeader封装[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
9-7 个人中心用户资产模块实现[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
9-8 自定义动态布局实现职场进阶模块[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
9-9 增值服务模块实现[4]_一手IT课程资源+微信微信-rmshou-收集整理[2].mp4
同类型课程.jpg
课程资料/
课程资料.zip
核对章节.txt