1. 配置项目

• 下载FlutterSDK，配置命令行工具flutter

• 使用flutter命令run 不同模式（debug、release、profile性能检测）

  • 新建项目使用flutter create app_name
  • 已有项目集成，点我！

• iOS端项目配置和交付

• 使用VSCode调试开发，安装Flutter插件

2. Dart语法

从Swift学习Dart

3. Flutter使用

1. UI开发

Flutter for SwiftUI Developers

• View vs Widgets
• Layout布局处理
• 设计系统（用户界面标准）

UI基础

• Button

• 居中布局（水平/垂直）

• List View

• Grid View

• Scroll View

• Responsive and adaptive design

  • 拓展阅读：Creating responsive and adaptive apps.

• State 状态管理

  • 拓展阅读： State management.

• Animation

  • 拓展阅读：Animations overview.

• Drawing：CoreGraphics和Canvas

• Navigation

  • 拓展阅读：Navigation and routing.

• 主题（暗黑/明亮）、样式

• 多媒体Media Display

2. 项目开发

1. 测试调试

2. 性能优化

3. 热修复

4. Flutter架构

1. 文档

• 分层模型：Flutter 的构成要素。

• 响应式用户界面：Flutter 用户界面开发的核心概念。

响应式伪声明式UI

• widgets 介绍：构建 Flutter 用户界面的基石。

  • 组成
  • 构建widgets
  •   Widget <=> 元素数，每个渲染帧，根据状态变化，重建部分UI
  • widget的状态（StatelessWidget、StatefulWidget）
  • 状态管理 （InheritedWidget）

解决树层级加深，上下传递依赖问题.of(context)

• 渲染过程：Flutter 如何将界面布局转化为像素。

暂时无法在飞书文档外展示此内容

• 平台嵌入层 的概览：让 Flutter 应用可以在移动端及桌面端操作系统执行的代码。

• 将 Flutter 与其他代码进行集成：Flutter 应用可用的各项技术的更多信息。

• Web 支持：Flutter 在浏览器环境中的特性的概述。

2. 问题：

• TODO：Flutter问题与解答

5. Flutter原理

TODO：架构和源码解读-In知乎

积极可组合性

• 次线性布局
• 次线性 widget 构建
• 线性协调
• 树结构优化
• 恒定因子优化
• Element 树和 RenderObject 树的分离

• 无限滚动

  • 视窗感知布局
  • 按需构建 widget

• 人机工程 API

  • 与开发者思维模式相匹配的专项 API
  • 明确的参数
  • 参数陷阱
  • 积极报告错误
  • 响应式
  • 插值

• 结论

6. 项目实践

github.com/friebetill/…

github.com/Ivaskuu/tin…

参考

Flutter-App开发方案说明书

漫游世界奇迹建筑——Flutter开发的项目

AppFlowy-Notion替代——Flutter实现

项目练习：github.com/iampawan/Fl…

Awesome系列：Flutter百宝箱（轮子检索）

开源Flutter App（分类明确）