Flutter 从入门到精通

独家整理的 Flutter 学习路径。

面向有编程基础的开发者,从环境搭建、Dart、Widget、布局、路由、网络、状态管理,到性能、测试和发布。页面无需构建工具,上传到任意静态服务器即可访问。

文章列表

支持关键词搜索和阶段筛选。

没有找到匹配的文章,换个关键词试试。
第 01 篇入门

Flutter 是什么:跨平台开发的核心思维

从“万物皆 Widget”的角度理解 Flutter,建立一条从环境、UI、状态、网络到发布的学习路线。

Flutter学习路线
第 02 篇入门

开发环境搭建:SDK、IDE 与 flutter doctor

安装 Flutter SDK 后,用 flutter doctor 检查 Android、iOS、Chrome、IDE 插件等环境是否完整。

环境搭建SDK
第 03 篇入门

Dart 基础:变量、函数、类与空安全

掌握 Flutter 必须先理解 Dart 的类型系统、空安全、异步语法和面向对象写法。

Dart空安全
第 04 篇入门

项目结构与 pubspec.yaml:先把目录放对

理解 lib、assets、android、ios、web、pubspec.yaml 的职责,避免项目越写越乱。

项目结构pubspec
第 05 篇入门

Widget 思维:Flutter 页面为什么是一棵树

理解 Widget 树、Element 树、BuildContext 的关系,知道为什么页面要通过组合搭出来。

Widget声明式 UI
第 06 篇入门

StatelessWidget 与 StatefulWidget:状态到底放哪里

区分无状态组件和有状态组件,理解 setState 的使用边界。

状态Widget
第 07 篇入门

布局基础:Row、Column、Stack、Expanded 怎么用

掌握 Flutter 布局约束模型,理解 Row、Column、Expanded、Flexible、Stack 的常见用法。

布局响应式
第 08 篇进阶

PC 与移动端适配:响应式布局实战

使用 LayoutBuilder、MediaQuery 和断点思想写出适配手机、平板和桌面的 Flutter 页面。

响应式H5
第 09 篇入门

MaterialApp、Scaffold 与主题系统

理解 MaterialApp、Scaffold、AppBar、ThemeData 的关系,建立全局主题管理习惯。

Material主题
第 10 篇入门

表单与输入验证:TextField 到 Form

使用 TextEditingController、Form、TextFormField 和 validator 管理输入与校验。

表单验证
第 11 篇进阶

导航与路由:Navigator、go_router 与深链接思路

理解 Flutter 中 route 的概念,简单页面用 Navigator,复杂 App 推荐使用路由包管理。

路由导航
第 12 篇入门

列表与滚动:ListView、GridView、Sliver

掌握常见列表、网格、懒加载构建方式,理解什么时候使用 CustomScrollView 和 Sliver。

列表滚动
第 13 篇入门

图片、字体与静态资源管理

学会在 pubspec.yaml 中声明资源,理解 AssetImage、Image.network 和字体配置。

资源图片
第 14 篇入门

异步编程:Future、async/await 与 Stream

理解 Dart 异步模型,掌握 FutureBuilder、StreamBuilder 和错误处理。

异步Future
第 15 篇进阶

网络请求与 JSON:从 http 到接口封装

使用 http 包发请求,把 JSON 转成模型,并把接口层从页面中拆出来。

网络请求JSON
第 16 篇进阶

状态管理:从 setState 到 ChangeNotifier

理解局部状态、共享状态和业务状态,使用 ChangeNotifier 做简单可测试的状态管理。

状态管理ChangeNotifier
第 17 篇进阶

本地存储与缓存:配置、Token、离线数据

区分轻量配置、敏感 Token、结构化数据和接口缓存,选择合适的存储方式。

本地存储缓存
第 18 篇进阶

动画基础:隐式动画、显式动画与 Hero

掌握 AnimatedContainer、AnimationController、Hero 的适用场景,让页面交互更自然。

动画交互
第 19 篇进阶

调试与性能优化:Inspector、DevTools 与 jank

使用 Flutter Inspector 分析 Widget 树,用性能工具定位掉帧、重建和耗时任务。

调试性能
第 20 篇精通

测试、构建与发布:从开发项目到上线应用

建立单元测试、Widget 测试、构建产物和发布前检查清单。

测试发布