给Android工程师的Flutter入门手册

前言

这是笔者作为一个Android工程师入门Flutter的学习笔记，笔者不想通过一种循规蹈矩的方式来学习：先学Dart语言，然后学习Flutter的基本使用，再到实践应用这样的步骤。这样的方式有点无趣且效率较低。

笔者觉得对于已经有Android基础的来说，通过类比Android的方式来学习Flutter，掌握核心基础概念后，直接开发实践应用，在这个过程中去学习其中的知识比如Dart语法、深入的知识点。这是笔者的一次学习尝试，并将其记录下来：

笔记总共分为：

《Flutter Dart 语言编程入门到精通》：讲解了Dart语言基础，异步编程，标准输入输出流，网络编程及调用C语言编程，可帮助大家快速入手Dart语言。
《Flutter实战演练：第二版》：则是详解讲解Flutter各大组件核心原理，带你建立第一个Flutter应用，可帮大家掌握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入口及主页
• 登录页
• 多语言和多主题

原创作者: u_16163510 转载于: https://blog.51cto.com/u_16163510/11567244