Flutter生态及学习路线

🧭 一、Flutter 生态全景

Flutter 是 Google 开发的 跨平台 UI 框架 ，用 Dart 语言 编写。可以编译为 原生代码（AOT） ，性能接近原生。

其生态目前主要覆盖以下几个方向：

生态领域	代表框架 / 库	功能说明
状态管理	Provider、Riverpod、Bloc、GetX、MobX	组件间数据共享与状态维护
路由导航	go_router、auto_route、GetX Router	支持多层嵌套、命名路由与参数传递
网络请求	Dio、http、retrofit.dart	类似 Axios 封装与拦截机制
本地存储	shared_preferences、hive、sqflite、isar	Key-Value、轻量数据库、本地缓存
UI 组件库	Flutter 官方 Material / Cupertino、fluent_ui、Ant Design Flutter	跨平台风格组件
图表/可视化	charts_flutter、fl_chart、syncfusion_flutter_charts	折线、柱状、饼图等可视化
国际化	flutter_localizations、easy_localization	多语言支持
依赖注入	get_it、injectable	服务定位与依赖注入
测试	flutter_test、mockito、integration_test	单元测试、UI 测试
构建与持续集成	Codemagic、Bitrise、GitHub Actions	CI/CD 自动化打包
桌面端/网页端	flutter_web、flutter_desktop	多端构建支持（Windows/Mac/Linux/Web）

Flutter 最大优势是 生态高度统一：一个代码库 → 同时运行在 Android / iOS / Web / Desktop。

目标： 理解 Dart + Flutter 基础，能写出简单界面。

Dart 语法基础
- 基本类型与集合（List、Map）
- 类与构造函数、继承、接口、Mixin
- 异步（Future、Stream、async/await）
- Null Safety
- 泛型与扩展函数
Flutter 基础组件
- StatelessWidget / StatefulWidget
- Scaffold / AppBar / Text / Button / Image
- Container、Column、Row、Stack
- ListView / GridView
- Navigator 路由跳转
- 生命周期（initState / dispose）

📚 推荐资源：

目标： 掌握状态管理、网络请求、组件封装、主题适配。

状态管理（选一个深入）
- Provider（简单项目）
- Riverpod（现代化推荐）
- Bloc（大型项目）
网络请求与数据层
- 使用 Dio 发起请求
- JSON 转模型（json_serializable）
- 封装统一 ApiService 与异常处理
组件化与样式
- 自定义 Widget
- ThemeData / DarkMode / 国际化
- 响应式布局（LayoutBuilder / MediaQuery）
导航与多页面
- go_router 动态路由
- 路由守卫 / 登录态检测
本地持久化
- shared_preferences 存储配置
- hive / sqflite 本地数据缓存

📚 推荐项目练习：

目标： 构建中大型项目，熟悉跨平台生态。

架构模式
- MVVM / Clean Architecture
- 分层目录结构：data / repository / model / view / widget
- DI（get_it + injectable）
性能优化
- const 优化 / rebuild 控制
- Flutter DevTools 性能分析
- isolate 并行任务处理
跨平台适配
- Web 与 Desktop 调整
- platform_channel 与原生交互（Android/iOS）
测试与发布
- 单元测试 + Widget 测试
- Firebase / Codemagic 发布自动化
- App Store / Google Play 打包流程

📚 实战项目建议：

类型	名称	链接
官方文档	Flutter Docs	https://flutter.dev/docs
Dart 文档	Dart Language	https://dart.dev/guides
教程	Flutter Apprentice（raywenderlich）	https://www.kodeco.com/flutter
视频	Academind Flutter 教程	YouTube
开源项目	Flutter Awesome	https://flutterawesome.com
实战课程	Flutter 大全（Bilibili/慕课）	搜索 "Flutter实战王下邀月熊"