目前,业界上流行的跨平台技术有H5、React Native、以及后来的Flutter,判断一项跨平台的技术是否有落地价值,在于有可接受的页面性能和支持高效开发。

而Flutter快速,高效,开放的特性使其脱颖而出。

Flutter完整版开发入门与实战指南(603页.PDF)一文带你通过Flutter_flutter

Flutter与其他框架本质区别

比较与其他跨平台方案的本质区别:

  • React Native之类的框架,只是通过 JavaScript 虚拟机扩展调用系统组件,由 Android 和 iOS 系统进行组件的渲染;
  • 而flutter因为重写了一整套包括底层渲染逻辑和上层开发语言的完整解决方案,则是自己完成了组件渲染的闭环,所以能够保证视图在Android和iOS上渲染的高度一致性,并且高性能(代码执行效率与渲染性能可以与原生app相比)

总而言之,Flutter能够帮助我们提高开发效率,创建美观,高度定制的用户体验。

为帮助大家从入门到实战,深度掌握Flutter这门跨平台技术,这里整理出了两份适合零基础的Flutter学习笔记

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


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

Flutter完整版开发入门与实战指南(603页.PDF)一文带你通过Flutter_flutter_02

《Flutter实战演练:第二版》
目录

Flutter完整版开发入门与实战指南(603页.PDF)一文带你通过Flutter_学习_03

第一章 起步
  • 移动开发技术简介
  • 初识 Flutter
  • 搭建Flutter开发环境
  • Dart语言简介

Flutter完整版开发入门与实战指南(603页.PDF)一文带你通过Flutter_javascript_04

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

Flutter完整版开发入门与实战指南(603页.PDF)一文带你通过Flutter_android_05

第三章 基础组件
  • 文本及样式
  • 按钮
  • 图片及ICON
  • 单选开关和复选框
  • 输入框及表单
  • 进度指示器

Flutter完整版开发入门与实战指南(603页.PDF)一文带你通过Flutter_学习_06

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

Flutter完整版开发入门与实战指南(603页.PDF)一文带你通过Flutter_pdf_07

第五章 容器类组件
  • 填充(Padding)
  • 装饰容器(DecoratedBox)
  • 变换(Transform)
  • 容器组件(Container)
  • 剪裁(Clip)
  • 空间适配(FittedBox)
  • 页面骨架(Scaffold)

Flutter完整版开发入门与实战指南(603页.PDF)一文带你通过Flutter_android_08

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

Flutter完整版开发入门与实战指南(603页.PDF)一文带你通过Flutter_pdf_09

第七章 功能型组件
  • 导航返回拦截(WillPopScope)
  • 数据共享(InheritedWidget)
  • 跨组件状态共享(Provider)
  • 颜色和主题(Theme)
  • ValueListenableBuilder
  • 异步UI更新(FutureBuilder、StreamBuilder)
  • 对话框详解

Flutter完整版开发入门与实战指南(603页.PDF)一文带你通过Flutter_pdf_10

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

Flutter完整版开发入门与实战指南(603页.PDF)一文带你通过Flutter_javascript_11

第九章 动画
  • Flutter动画简介
  • 动画结构
  • 自定义路由过渡动画
  • Hero动画
  • 交织动画
  • 通用“动画切换”组件(AnimatedSwitcher)
  • 动画过渡组件

Flutter完整版开发入门与实战指南(603页.PDF)一文带你通过Flutter_学习_12

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

Flutter完整版开发入门与实战指南(603页.PDF)一文带你通过Flutter_pdf_13

第十一章 文件操作与网络请求
  • 文件操作
  • Http请求-HttpClient
  • Http请求-Dio package
  • 实例:Http分块下载
  • WebSocket
  • 使用Socket API
  • Json转Dart Model类

Flutter完整版开发入门与实战指南(603页.PDF)一文带你通过Flutter_flutter_14

第十二章 Flutter扩展
  • 包和插件
  • Flutter Web

Flutter完整版开发入门与实战指南(603页.PDF)一文带你通过Flutter_学习_15

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

Flutter完整版开发入门与实战指南(603页.PDF)一文带你通过Flutter_flutter_16

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

Flutter完整版开发入门与实战指南(603页.PDF)一文带你通过Flutter_学习_17

第十五章 一个完整的Flutter应用
  • Github客户端示例
  • Flutter APP代码结构
  • Model类定义
  • 全局变量及共享状态
  • 网络请求封装
  • APP入口及主页
  • 登录页
  • 多语言和多主题

结语

对于Flutter的内容,需要学习的东西还有很多,想要描述的东西也有很多,但由于篇幅和时间问题,本次就先暂时分享到这,文中有什么描述不妥的内容,欢迎指正。