Appearance
用 Claude Code 做 Flutter
Flutter 一套代码能跑在 iOS、Android、Web、桌面六个平台。Dart 语言上手不难——Claude Code 帮你覆盖所有复杂的部分,即使你没有代码基础。
这个模块讲什么
| 课次 | 主题 | 核心内容 |
|---|---|---|
| 01 | Dart 与 Flutter 基础 | 语法速通、Widget 树、热重载 |
| 02 | UI 开发 | 常用 Widget、布局、主题、动效 |
| 03 | 状态管理与数据层 | Riverpod / Provider、HTTP 请求、本地存储 |
| 04 | 多端发布 | iOS / Android / Web / 桌面打包配置 |
学完你能做什么
- 用 Claude Code 快速写 Flutter Widget 和页面
- 实现 Riverpod 状态管理
- 调用平台原生能力(摄像头、GPS、推送)
- 一套代码同时发布 iOS 和 Android
- 处理平台差异(适配刘海、键盘弹出等)
前置要求
- 安装 Flutter SDK 和 Dart
- 有 Android Studio 或 VS Code + Flutter 插件
- 没有代码基础?Claude Code 会帮你写代码,并解释每一步是什么意思
进阶参考:Widget 与常见概念的对应关系(可跳过)
| 常见概念 | Flutter 对应 |
|---|---|
| 可复用 UI 块 | StatelessWidget |
| 带状态的 UI | StatefulWidget |
| 水平布局 | Row / Column |
| 网格布局 | GridView |
| 网络请求 | Dio / http package |
