谷歌内部出品Flutter实战开发入门指南，三个月完全学会Flutter开发

一、Flutter是什么？

Flutter 是 Google 推出的 UI 框架，帮助开发者通过一套代码同时运行在 iOS 和 Android 上，构建媲美原生体验的精美应用！实际上 Flutter 不止于移动平台，正逐渐从移动设备扩展到多个平台，例如 Web、macOS、Windows、Linux、嵌入式设备等，因此 Flutter 是适用于所有屏幕的便携式界面框架，Flutter 一切皆是 Widget；自绘 UI；Flutter 只接管 UI 层，蓝牙等系统功能通过插件的形式提供。

二、Flutter 有哪些特点？

1.美观：可对 UI 实现像素级的控制，且内置 UI 库 ( Material、Cupertino )
2.快速：硬件加速图形引擎、代码被编译成机器码
3.高效：保持应用状态的热重载 ( hot reload )
4.开放：完全开源的项目 ( BSD 开源协议 )

三、如何学习Flutter开发

为帮助大家从入门到实战，深度掌握Flutter这门跨平台技术，这里从谷歌大佬那里薅来了了两份适合零基础的Flutter学习笔记：

《Flutter Dart 语言编程入门到精通》：讲解了Dart语言基础，异步编程，标准输入输出流，网络编程及调用C语言编程，可帮助大家快速入手Dart语言。
《Flutter实战演练：第二版》：则是详解讲解Flutter各大组件核心原理，带你建立第一个Flutter应用，可帮大家掌握Flutter背后的框架原理和底层设计思想，建立起属于自己的知识体系。

（有需要完整文档的伙伴可文末查看获取方式！）

四、你会学到什么？

• 从 0 开始，全面了解 Dart 语法基础；
• 面向对象，探讨编程中的基本思想；
• 分析应用，理解界面和数据的关系；
• 结合实践，掌握 Flutter 框架的使用；

五、适宜人群

• 想要入门编程开发的朋友；
• Dart 语法基础薄弱的朋友 ；
• 想要了解 Flutter 基础思想的朋友；

接下来进入正文展示：

《Flutter Dart 语言编程入门到精通》

目录

《Flutter实战演练：第二版》

目录

第一章 起步

• 移动开发技术简介
• 初识 Flutter
• 搭建Flutter开发环境
• Dart语言简介

第二章 第一个Flutter应用

• 计数器应用示例
• Widget 简介
• 状态管理
• 路由管理
• 包管理
• 资源管理
• 调试Flutter应用
• Flutter异常捕获

第三章 基础组件

• 文本及样式
• 按钮
• 图片及ICON
• 单选开关和复选框
• 输入框及表单
• 进度指示器

第四章 布局类组件

• 布局类组件简介
• 布局原理与约束（constraints）
• 线性布局（Row和Column）
• 弹性布局（Flex）
• 流式布局（Wrap、Flow）
• 层叠布局（Stack、Positioned）
• 对齐与相对定位（Align）
• LayoutBuilder、AfterLayout

第五章 容器类组件

• 填充（Padding）
• 装饰容器（DecoratedBox）
• 变换（Transform）
• 容器组件（Container）
• 剪裁（Clip）
• 空间适配（FittedBox）
• 页面骨架（Scaffold）

第六章 可滚动组件

• 可滚动组件简介
• SingleChildScrollView
• ListView
• 滚动监听及控制
• AnimatedList
• GridView
• PageView与页面缓存
• 可滚动组件子项缓存
• TabBarView
• CustomScrollView 和 Slivers
• 自定义 Sliver
• 嵌套可滚动组件 NestedScrollView

第七章 功能型组件

• 导航返回拦截（WillPopScope）
• 数据共享（InheritedWidget）
• 跨组件状态共享（Provider）
• 颜色和主题（Theme）
• ValueListenableBuilder
• 异步UI更新（FutureBuilder、StreamBuilder）
• 对话框详解

第八章 事件处理与通知

• 原始指针事件处理
• 手势识别
• Flutter事件机制
• 手势原理与手势冲突
• 全局事件总线
• 通知(Notification)

第九章 动画

• Flutter动画简介
• 动画结构
• 自定义路由过渡动画
• Hero动画
• 交织动画
• 通用“动画切换”组件（AnimatedSwitcher）
• 动画过渡组件

第十章 自定义组件

• 自定义组件方法简介
• 组合现有组件
• 组合实例：TurnBox
• CustomPaint与Canvas
• 自绘实例：圆形渐变进度条
• 自绘组件：CustomCheckbox
• 自绘组件：DoneWidget
• 水印组件实例：文本绘制与离屏渲染

第十一章 文件操作与网络请求

• 文件操作
• Http请求-HttpClient
• Http请求-Dio package
• 实例：Http分块下载
• WebSocket
• 使用Socket API
• Json转Dart Model类

第十二章 Flutter扩展

• 包和插件
• Flutter Web

第十三章 国际化

• 让App支持多语言
• 实现Localizations
• 使用Intl包
• 国际化常见问题

第十四章 Flutter核心原理

• Flutter UI框架（Framework）
• Element、BuildContext和RenderObject
• Flutter启动流程和渲染管线
• Flutter 布局（Layout）过程
• Flutter 绘制（一）绘制原理及Layer
• Flutter 绘制（二）组件树绘制流程
• Flutter 绘制（三）Layer实例
• Flutter 绘制（四）Compositing

第十五章 一个完整的Flutter应用

• Github客户端示例
• Flutter APP代码结构
• Model类定义
• 全局变量及共享状态
• 网络请求封装
• APP入口及主页
• 登录页
• 多语言和多主题
  

六、获取方式

七、结语

大厂的话题永远是效率，如何利用跨平台技术来提高开发效率，是它们引入 Flutter 的根本原因。对于创新型业务，例如 B 漫、淘特、Soul 这类没有太多历史包袱的新业务 App，可以利用 Flutter 进行极为高效的开发。