Flutter 小白开发学习手册

如何使用本手册

本手册与普通 PDF/Word 教程不同，请配合以下互动元素学习：

• 运行效果预览：每个组件下方都有「运行效果」卡片，展示这段代码在真机上大致渲染成什么样，先看效果再读代码。
• 多组示例：常用组件提供 2～4 组示例（通过代码块上方的标签页切换），从最简用法到实战用法递进。
• 交互 Playground：第 5 章每个组件小节都配一个可调参数的在线沙盒（共 10 个），拖动滑块、切换选项即可实时看到效果，并自动生成对应的 Dart 代码——这是理解布局参数最快的方式。
• 完整可运行示例：第 5 章与第 7～11 章的每个示例都是「单文件完整程序」，含 import、main() 和页面类，配「创建步骤 + 完整代码 + 关键点」，复制即可跑，不留任何填空。
• 动态效果演示：组件段落末尾的「动态效果」区块用 CSS 动画循环演示该组件的真实交互（列表滚动、弹窗淡入、导航切换等），先看动效再读代码。
• 两个全栈实战项目：第 15 章「记账本」和第 16 章「优医问诊」都是真实交付的源码（project/ 目录），各含 Flutter 客户端 + Spring Boot 后端 + API 文档，均已实际编译、启动并逐个接口验证。前者练「CRUD + 统计」，后者练「多实体 + 状态机 + 即时通讯」。

手册目录

手册已按章节拆分为独立页面，点击卡片进入；每页底部有「上一章 / 下一章」导航，左侧目录全站通用。想要单文件离线版？打开 full.html。