Skip to content

Flutter 教程目录(新手向)

本目录按学习顺序组织,从零基础到能独立完成简单应用,适合新手系统学习。


第一部分:入门与环境

序号章节内容说明
1.1初识 FlutterFlutter 是什么、特点、跨平台原理、与 React Native / 原生对比
1.2学习路线整体学习路径图、阶段划分、推荐资源
1.3常用网站官方文档、Pub、社区、示例项目、设计规范(Material / Cupertino)
1.4环境搭建安装 Flutter SDK、配置 Android Studio / VS Code、配置模拟器与真机、flutter doctor
1.5Hello World创建第一个 Flutter 项目、项目结构说明、运行与热重载

第二部分:Dart 语言基础

序号章节内容说明
2.1Dart 基本语法变量与类型、var/final/const、基本类型(int、double、String、bool)、字符串插值
2.2— 控制流程if/elsefor/whileswitchbreak/continue
2.3— 函数函数定义、可选参数(命名/位置)、默认值、箭头函数、闭包
2.4— 面向对象类与对象、构造函数、extends/implements、抽象类与接口、Mixin
2.5— 集合类型ListSetMap 的常用 API、遍历与泛型
2.6— 异步编程Futureasync/awaitStream 入门

说明:2.2~2.6 若未单独成文,可在 Dart 基本语法 中逐步补充,或配合 Dart 语言导览 学习。


第三部分:Flutter 核心概念

序号章节内容说明
3.1有状态的 StatefulWidgetStatelessWidget 与 StatefulWidget 区别、State 生命周期、setState 使用
3.2基础 WidgetText、Image、Icon、Button、TextField、Checkbox、Switch 等常用基础组件
3.3布局 WidgetContainer、Row、Column、Stack、Padding、Align、Center、Expanded、Flexible
3.4滚动 WidgetListView、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.3GetXGetX 状态管理、依赖注入、简单用法
8.4GetX 路由GetX 路由与中间件

第九部分:桌面与其他

序号章节内容说明
9.1Flutter 构建桌面端Windows/macOS/Linux 桌面应用构建与注意事项
9.2常见问题环境报错、编译问题、真机调试、依赖冲突等 FAQ

推荐学习顺序(新手)

  1. 第 1~2 部分:搭好环境,跑通 Hello World,过一遍 Dart 基础(变量、函数、类、集合、async 入门)。
  2. 第 3 部分:重点学 Widget 树、Stateless/Stateful、布局与滚动,多写小页面练手。
  3. 第 4~5 部分:做多页面跳转、简单动画和主题,巩固前面知识。
  4. 第 6~7 部分:做一个小项目(如待办、简单列表页),加上适配、主题、多环境与打包。
  5. 第 8~9 部分:按需学 GetX、常用插件和桌面端,并查阅常见问题。

每章建议:先看文档再动手改代码,配合官方示例和 flutter_roadmap 查漏补缺。


扩展方向(学完基础后可选)

  • 状态管理深入:Provider、Riverpod、Bloc、GetX 对比与实战。
  • 网络与架构:Dio/Http、JSON 解析、分层架构(MVVM/MVC)。
  • 本地存储:shared_preferences、SQLite、Hive。
  • 测试:单元测试、Widget 测试、集成测试入门。
  • 性能:渲染原理、列表优化、包体积与启动优化。

以上目录覆盖新手从零到能独立完成简单 Flutter 应用所需的主干内容,可按顺序学习,也可按需跳读。