README
Flutter 学习笔记目录
Flutter 学习笔记
面向前端开发者（Vue / React / Node）的 Flutter 系统教程。
章节目录
| 文件 | 内容 |
|---|---|
| 00_Dart语言速学 | 变量、集合、函数、类、async/await，JS 开发者快速对照 |
| 01_环境搭建与项目结构 | SDK 安装、flutter doctor、pubspec.yaml、main.dart |
| 02_Widget系统 | StatelessWidget、StatefulWidget、生命周期、常用基础 Widget |
| 03_布局系统 | Row/Column vs Flexbox、Stack、SizedBox、Wrap、ConstrainedBox |
| 04_常用容器Widget | Container、Scaffold、Card、SnackBar、Dialog |
| 05_列表与滚动 | ListView、GridView、下拉刷新、上拉加载、CustomScrollView |
| 06_表单与输入 | TextField、Form 验证、Checkbox、Switch、Dropdown |
| 07_主题与样式 | ThemeData、深色模式、colorScheme、TextStyle |
| 08_状态管理 | setState、状态提升、Provider、Riverpod |
| 09_路由与导航 | Navigator push/pop、命名路由、传参、Tab 架构 |
| 10_HTTP网络请求 | http 包、dio、ApiService 封装、FutureBuilder |
| 11_动画系统 | 隐式动画、AnimationController、Hero 动画、Curves |
| 12_本地存储 | SharedPreferences、SQLite（sqflite）、文件存储 |
| 13_图片与资源 | assets 注册、网络图片缓存、SVG |
| 14_调试与DevTools | Widget Inspector、Performance 面板、性能问题排查 |
| 15_测试 | 单元测试、Widget 测试、Mock |
| 16_打包与发布 | Android APK/AAB、iOS IPA、Web 构建、签名配置 |
| 17_最佳实践与常见坑 | 常见错误、性能技巧、代码规范、Web vs Flutter 对比 |
快速参考：Web vs Flutter
| 我会的 | Flutter 对应 |
|---|---|
<div> + CSS |
Container + 属性 |
| Vue 组件 / React 组件 | StatelessWidget / StatefulWidget |
data() / useState |
setState + State 类属性 |
| Pinia / Redux | Provider / Riverpod |
| Vue Router / React Router | Navigator + routes |
| axios | dio / http 包 |
| localStorage | SharedPreferences |
| CSS Flexbox | Row + Column + Expanded |
position: absolute |
Stack + Positioned |
npm install |
flutter pub add |
npm run build |
flutter build apk/ios/web |
| Jest / Vitest | flutter test |
| ESLint | flutter analyze |
| Prettier | dart format lib/ |