Appearance
Flutter 教程目录(新手向)
本目录按学习顺序组织,从零基础到能独立完成简单应用,适合新手系统学习。
第一部分:入门与环境
| 序号 | 章节 | 内容说明 |
|---|---|---|
| 1.1 | 初识 Flutter | Flutter 是什么、特点、跨平台原理、与 React Native / 原生对比 |
| 1.2 | 学习路线 | 整体学习路径图、阶段划分、推荐资源 |
| 1.3 | 常用网站 | 官方文档、Pub、社区、示例项目、设计规范(Material / Cupertino) |
| 1.4 | 环境搭建 | 安装 Flutter SDK、配置 Android Studio / VS Code、配置模拟器与真机、flutter doctor |
| 1.5 | Hello World | 创建第一个 Flutter 项目、项目结构说明、运行与热重载 |
第二部分:Dart 语言基础
| 序号 | 章节 | 内容说明 |
|---|---|---|
| 2.1 | Dart 基本语法 | 变量与类型、var/final/const、基本类型(int、double、String、bool)、字符串插值 |
| 2.2 | — 控制流程 | if/else、for/while、switch、break/continue |
| 2.3 | — 函数 | 函数定义、可选参数(命名/位置)、默认值、箭头函数、闭包 |
| 2.4 | — 面向对象 | 类与对象、构造函数、extends/implements、抽象类与接口、Mixin |
| 2.5 | — 集合类型 | List、Set、Map 的常用 API、遍历与泛型 |
| 2.6 | — 异步编程 | Future、async/await、Stream 入门 |
第三部分:Flutter 核心概念
| 序号 | 章节 | 内容说明 |
|---|---|---|
| 3.1 | 有状态的 StatefulWidget | StatelessWidget 与 StatefulWidget 区别、State 生命周期、setState 使用 |
| 3.2 | 基础 Widget | Text、Image、Icon、Button、TextField、Checkbox、Switch 等常用基础组件 |
| 3.3 | 布局 Widget | Container、Row、Column、Stack、Padding、Align、Center、Expanded、Flexible |
| 3.4 | 滚动 Widget | ListView、GridView、SingleChildScrollView、CustomScrollView、Sliver 概念 |
| 3.5 | 事件监听 | 点击、长按、拖拽、手势识别(GestureDetector、InkWell) |
| 3.6 | 跨组件事件 EventBus | 组件间解耦通信、EventBus 使用场景与简单实现 |
| 3.7 | 状态 State 管理 | 局部状态 vs 全局状态、Provider/GetX/Bloc 等选型概览 |
第四部分:导航与路由
| 序号 | 章节 | 内容说明 |
|---|---|---|
| 4.1 | 路由导航 | Navigator.push/pop、命名路由、路由传参、路由守卫与 404 |
第五部分:动画与视觉
| 序号 | 章节 | 内容说明 |
|---|---|---|
| 5.1 | 实现动画 | 动画基础、AnimationController、Tween、AnimatedWidget、隐式动画(AnimatedContainer 等) |
| 5.2 | 主题风格 | ThemeData、亮色/暗色主题、自定义颜色与字体、组件主题覆盖 |
第六部分:适配与多端
| 序号 | 章节 | 内容说明 |
|---|---|---|
| 6.1 | 屏幕适配 | 逻辑像素与物理像素、媒体查询、安全区域、常见适配方案(如屏幕宽度比例) |
| 6.2 | 应用信息 | 获取设备信息、屏幕尺寸、系统版本、包名与版本号 |
| 6.3 | 国际化 | 多语言支持、arb 文件、Localizations、切换语言 |
第七部分:实战与工程化
| 序号 | 章节 | 内容说明 |
|---|---|---|
| 7.1 | 创建项目 | 从零创建项目、目录规范、模块划分 |
| 7.2 | 主题定义 | 项目中统一主题、颜色与字体常量 |
| 7.3 | 屏幕适配 | 在实战项目中的适配实践 |
| 7.4 | 多环境配置管理 | 开发/测试/生产环境、环境变量与配置切换 |
| 7.5 | 打包发布 | Android 签名与打包、iOS 证书与上架、应用图标与启动图 |
| 7.6 | 混合开发 | Flutter 与原生 Android/iOS 的嵌入与通信 |
第八部分:组件与插件
| 序号 | 章节 | 内容说明 |
|---|---|---|
| 8.1 | 基础组件 | 更多基础组件的用法与组合 |
| 8.2 | 常用插件 | 网络请求、图片、存储、权限等常用 Pub 插件 |
| 8.3 | GetX | GetX 状态管理、依赖注入、简单用法 |
| 8.4 | GetX 路由 | GetX 路由与中间件 |
第九部分:桌面与其他
| 序号 | 章节 | 内容说明 |
|---|---|---|
| 9.1 | Flutter 构建桌面端 | Windows/macOS/Linux 桌面应用构建与注意事项 |
| 9.2 | 常见问题 | 环境报错、编译问题、真机调试、依赖冲突等 FAQ |
推荐学习顺序(新手)
- 第 1~2 部分:搭好环境,跑通 Hello World,过一遍 Dart 基础(变量、函数、类、集合、async 入门)。
- 第 3 部分:重点学 Widget 树、Stateless/Stateful、布局与滚动,多写小页面练手。
- 第 4~5 部分:做多页面跳转、简单动画和主题,巩固前面知识。
- 第 6~7 部分:做一个小项目(如待办、简单列表页),加上适配、主题、多环境与打包。
- 第 8~9 部分:按需学 GetX、常用插件和桌面端,并查阅常见问题。
每章建议:先看文档再动手改代码,配合官方示例和 flutter_roadmap 查漏补缺。
扩展方向(学完基础后可选)
- 状态管理深入:Provider、Riverpod、Bloc、GetX 对比与实战。
- 网络与架构:Dio/Http、JSON 解析、分层架构(MVVM/MVC)。
- 本地存储:shared_preferences、SQLite、Hive。
- 测试:单元测试、Widget 测试、集成测试入门。
- 性能:渲染原理、列表优化、包体积与启动优化。
以上目录覆盖新手从零到能独立完成简单 Flutter 应用所需的主干内容,可按顺序学习,也可按需跳读。