2023年Flutter学习资料集合(入门进阶必备,建议收藏)

随着 Flutter 逐渐产品走向成熟,越来越多的人开始用它来构建应用。今天,有超过 50 万个应用使用 Flutter 发布。来自 data.ai 等研究公司的分析以及公众的评价都可以表明,Flutter 正被许多细分领域的客户所使用。

其使用场景非常广泛,从微信 (WeChat) 等社交应用,到 Betterment 和 Nubank 等金融和银行类应用,再到 SHEIN 和 trip.com 等商旅应用以及 Fastic、Tabcorp 等生活方式类的应用,还有 My BMW 此类的硬件连接类应用,最后是巴西政府等公共机构的官方应用等等,都有 Flutter 在大放异彩。

现在已有超过 50 万个应用使用 Flutter 构建。

开发者告诉我们,Flutter 帮助他们在更多的平台上更快地构建出了精美的应用。我们最新的用户研究也表明:

  • 91% 的开发者认为 Flutter 缩短了构建和发布应用的时间。
  • 85% 的开发者认为 Flutter 使他们的应用比以前更加精美。
  • 85% 的开发者认为 Flutter 使他们的应用能在更多平台上发布。

有很多人很看到Google的flutter框架的时候,第一反应就是:别出新东西了,实在学不动了。

但是大家想啊,新东西是能拉开距离的,也总是因为新东西的到来劝退一部分人,我们学习要学明白,很多东西,至少思路啊,设计什么的只有长时间才会产生变化,其他都一样。大家学到精髓,再看新东西,至少一半都是熟悉的,这样学习起来就简单狠多了,同时这也是客户端的宿命

对此为了帮助大家好好学习Flutter框架,深度掌握Flutter这门跨平台技术,这里从某歌大佬那里整理出了两份适合零基础的Flutter学习笔记

《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入口及主页
  • 登录页
  • 多语言和多主题
    在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/Code1994/article/details/132589871