渐进式编程课
返回全部路线
跨平台 UI

Flutter

从 Widget 树开始,逐步学习布局、状态、导航、网络与应用架构。

23

已归档课程

更新至 2026.09.30

课程目录

按顺序学习,也可以直接搜索

23 节课程
  1. 第 1 课Widget 与最小界面结构Widget 是 Flutter UI 的基本单元。文本、布局、按钮乃至整个页面都通过 Widget 树进行组合。2026.08.28
  2. 第 2 课StatelessWidget 与 build 职责页面内容增多后,把可复用区域拆成独立 Widget 能减少重复代码,也能让每个组件只负责一小块界面。2026.08.31
  3. 第 3 课StatefulWidget 与 setState让界面响应点击并更新计数等局部交互状态。2026.09.01
  4. 第 4 课状态提升与回调让显示计数和增加计数的组件共享一份交互状态。2026.09.02
  5. 第 5 课父级约束与SizedBox解释为什么写了宽度 200,组件却只能显示为宽度 120。2026.09.03
  6. 第 6 课Row与Expanded分配宽度在一行中放置等宽的两块内容。2026.09.04
  7. 第 7 课Column纵向排列与间距纵向排列标题和说明。2026.09.07
  8. 第 8 课Stack叠放界面把状态标签叠放在课程卡片右上角。2026.09.08
  9. 第 9 课ListView滚动列表在屏幕空间不足时纵向展示可滚动的课程列表。2026.09.09
  10. 第 10 课ListView.builder按需构建高效显示数量较多的列表项。2026.09.10
  11. 第 11 课ListView.separated列表间隔为按需构建的列表统一添加分隔线。2026.09.11
  12. 第 12 课ListView.builder按需构建展示较长或动态列表,避免一次创建所有子组件。2026.09.14
  13. 第 13 课ListTile构建标准列表行把按需构建的字符串列表变成结构清晰的标准列表行。2026.09.15
  14. 第 14 课ListTile点击回调点击列表行时处理当前课程。2026.09.16
  15. 第 15 课Navigator.push进入详情页点击课程行后把详情页压入导航栈。2026.09.17
  16. 第 16 课Navigator.pop返回结果从详情页返回时把用户选择传回列表页。2026.09.18
  17. 第 17 课返回后刷新列表行详情页保存成功后只更新对应列表行。2026.09.21
  18. 第 18 课State 方法中检查 mounted把详情页返回处理放进列表页 State 方法后,避免页面销毁时调用 setState。2026.09.22
  19. 第 19 课提取列表行更新方法让详情页返回后的点击处理器只负责判断结果,由独立方法修改原列表行。2026.09.23
  20. 第 20 课详情页返回编辑后的标题详情页修改课程名称后把新标题传回原列表行。2026.09.24
  21. 第 21 课从详情页输入并提交新标题在详情页输入课程的新标题,按键盘“完成”后返回列表页。2026.09.28
  22. 第 22 课拒绝空白标题提交在详情页返回标题前检查空白输入。2026.09.29
  23. 第 23 课为空白标题显示内联错误拒绝空白提交时在输入框下方解释原因。2026.09.30