Flutter 从入门到精通
独家整理的 Flutter 学习路径。
面向有编程基础的开发者,从环境搭建、Dart、Widget、布局、路由、网络、状态管理,到性能、测试和发布。页面无需构建工具,上传到任意静态服务器即可访问。
文章列表
支持关键词搜索和阶段筛选。
Flutter 是什么:跨平台开发的核心思维
从“万物皆 Widget”的角度理解 Flutter,建立一条从环境、UI、状态、网络到发布的学习路线。
开发环境搭建:SDK、IDE 与 flutter doctor
安装 Flutter SDK 后,用 flutter doctor 检查 Android、iOS、Chrome、IDE 插件等环境是否完整。
Dart 基础:变量、函数、类与空安全
掌握 Flutter 必须先理解 Dart 的类型系统、空安全、异步语法和面向对象写法。
项目结构与 pubspec.yaml:先把目录放对
理解 lib、assets、android、ios、web、pubspec.yaml 的职责,避免项目越写越乱。
Widget 思维:Flutter 页面为什么是一棵树
理解 Widget 树、Element 树、BuildContext 的关系,知道为什么页面要通过组合搭出来。
StatelessWidget 与 StatefulWidget:状态到底放哪里
区分无状态组件和有状态组件,理解 setState 的使用边界。
布局基础:Row、Column、Stack、Expanded 怎么用
掌握 Flutter 布局约束模型,理解 Row、Column、Expanded、Flexible、Stack 的常见用法。
PC 与移动端适配:响应式布局实战
使用 LayoutBuilder、MediaQuery 和断点思想写出适配手机、平板和桌面的 Flutter 页面。
MaterialApp、Scaffold 与主题系统
理解 MaterialApp、Scaffold、AppBar、ThemeData 的关系,建立全局主题管理习惯。
表单与输入验证:TextField 到 Form
使用 TextEditingController、Form、TextFormField 和 validator 管理输入与校验。
导航与路由:Navigator、go_router 与深链接思路
理解 Flutter 中 route 的概念,简单页面用 Navigator,复杂 App 推荐使用路由包管理。
列表与滚动:ListView、GridView、Sliver
掌握常见列表、网格、懒加载构建方式,理解什么时候使用 CustomScrollView 和 Sliver。
图片、字体与静态资源管理
学会在 pubspec.yaml 中声明资源,理解 AssetImage、Image.network 和字体配置。
异步编程:Future、async/await 与 Stream
理解 Dart 异步模型,掌握 FutureBuilder、StreamBuilder 和错误处理。
网络请求与 JSON:从 http 到接口封装
使用 http 包发请求,把 JSON 转成模型,并把接口层从页面中拆出来。
状态管理:从 setState 到 ChangeNotifier
理解局部状态、共享状态和业务状态,使用 ChangeNotifier 做简单可测试的状态管理。
本地存储与缓存:配置、Token、离线数据
区分轻量配置、敏感 Token、结构化数据和接口缓存,选择合适的存储方式。
动画基础:隐式动画、显式动画与 Hero
掌握 AnimatedContainer、AnimationController、Hero 的适用场景,让页面交互更自然。
调试与性能优化:Inspector、DevTools 与 jank
使用 Flutter Inspector 分析 Widget 树,用性能工具定位掉帧、重建和耗时任务。
测试、构建与发布:从开发项目到上线应用
建立单元测试、Widget 测试、构建产物和发布前检查清单。