前言
移动优先已经成为了过去,如今我们正步入全平台优先的时代。在2023年,跨平台开发将会变得更加重要。React Native、Flutter和Electron等跨平台开发框架将成为Android开发者必备的技能。同时,了解不同平台的特性和最佳实践也将成为重要的学习方向。
而近些年随着Flutter开发的App不断涌现,其灵活高效的编程体验、一套代码,能在web、iOS、Andriod、macOS、Windows、Linus运行,建设良好的开发生态和后期易维护等优点,逐渐得到开发者和企业的认可。
什么是Flutter
Flutter 是一款开源 UI 工具包,可利用单一代码库构建本地编译的移动、Web 和桌面应用程序。Flutter 由谷歌牵头开发,允许开发者构建出具有良好表现力、灵活设计、样式美观且运行迅速的应用程序。Flutter 的核心语言为 Dart,这是一种现代多范式语言,能够面向多个平台编译本地代码。
目前 Flutter 在 Github 上有超过 153k 的 star(超过 react-native 的 109k)、25.3k 的 fork(超过 react-native 的 23.3k)、3.6k 的 watch、代码贡献者超过 1.2k(少于 react-native 的 2.5k),是一个妥妥的跨端热门方案。
Flutter的优点有
1、UI和业务逻辑适用于不同平台
基本上所有跨平台框架都提供了一种在目标平台之间共享代码库的方式,但是,Flutter是个例外,它允许共享UI代码和UI本身。
2、减少开发时间
根据我们的经验,构建一个普通的中型代码量Android应用也至少需要40秒才能交付到测试设备上;有时,调整布局中的较小外观可能需要花费很多时间。
3、加快产品上线速度
在大多数情况下,与单独为Android和iOS开发的同一个应用相比较,Flutter应用所需的开发工时至少要少两倍。
原因简单:你不必单独为特定的平台去编写代码,就可以获得所需的视觉效果;任何基于2D的UI都可以在Flutter中实现,同时无需与本机应用扯上关系。
4、媲美原生
Flutter直接对接到了底层的绘制引擎,而不像RN得需要先转化成原生系统提供的UI组件,所以理论上来说Flutter在性能方面应该是等同于原生的,但是由于系统通常会对原生应用有着诸多的优化,所以也只能含蓄的用“媲美”一词。
5、实现任何复杂、自定义动画UI
Flutter的最大优点之一是可以自定义屏幕上显示的任何内容,而不论它多么复杂。
尽管原生也可以实现自定义的UI,但对比起来所需的工作量投入是不同的。
6、独立渲染引擎
Flutter使用Skia来渲染到平台提供的canvas上,由于有了高性能引擎,Flutter内置的UI几乎可以在任何平台上启动。换句话说,不再需要调整UI即可将其迁移到目标平台上,极大地简化了开发过程。
7、针对平台的简单逻辑实现
除了UI外,许多当下移动应用非常依赖高级OS级别的功能,例如:获取GPS坐标、蓝牙通信、收集传感器数据、权限处理等,而其中许多功能在开发Flutter应用时是可以通过Google提供的即用型插件去打通的。
除此之外,这一大优势应该也是大家最喜欢的——找工作!!!
从上图可以看出,Flutter也是Android开发岗位的加分项,很多大厂也需要这方面的人才。而且薪资也不低哦!
那么该如何学习Flutter呢?
网上的学习方法也是很多,但是学习的路线对新手不是很友好,为了能够方便大家快速学习Flutter, 这里整理了Flutter学习路线图以及《Flutter Dart 语言编程入门到精通》&《Flutter实战:第二版》帮助大家配置相关环境,学习Flutter 的基本语法以及最后的项目实际利用。
有需要的小伙伴,可以点击下方课程链接详细了解!!!
学习路线:
Dart语言是Flutter的开发语言,所以我们需要掌握Dart语言的基础知识
《Flutter Dart 语言编程入门到精通》
第一章 Dart语言基础
- 环境准备
- 基础语法
第二章 Dart 异步编程
- Dart的事件循环
- 调度任务
- 延时任务
- Future详解
- async和await
- lsolate
第三章 异步之 Stream 详解
- 什么是Stream
- 单订阅流
- 广播流
- Stream Transformer
- 总结
第四章 Dart标准输入输出流
- 文件操作
第五章 Dart 网络编程
- TCP服务端
- TCP客户端
- UDP服务端
- UDP客户端
- HTTP服务器与请求
- WebSocket
第六章 Flutter 爬虫与服务端
- Dart爬虫开发
- Dart服务端
- 创建Flutter项目演示
- 总结
第七章 Dart 的服务端开发
- 注册登录实现
第八章 Dart 调用C语言混合编程
- 环境准备
- 测试Dart ffi接口
- 总结
第九章 LuaDardo中Dart与Lua的相互调用
- Lua C API
- 创建运行时
- Dart调Lua
- Lua调Dart
掌握了Dart语言之后,咱们就可以通过实战来掌握Flutter的知识点
《Flutter实战:第二版》
第一章:起步
- 1.1 移动开发技术简介
- 1.2 初始Flutter
- 1.3 搭建Flutter开发环境
- 1.4 Dart语言简介
第二章:第一个Flutter应用
- 2.1 计数器应用实例
- 2.2 Widget简介
- 2.3 状态管理
- 2.4路由管理
- 2.5包管理
- 2.6 资源管理
- 2.7 调试Flutter应用
- 2.8 Flutter异常捕获
第三章:基础组件
- 3.1 文本及样式
- 3.2 按钮
- 3.3 图片及ICON
- 3.4 单选开关和复选框
- 3.5 输入框及表单
- 3.6 进度指示器
第四章:布局类组件
- 4.1 布局类组件简介
- 4.2 布局原理与约束(constraints)
- 4.3 线性布局(Row和Column)
- 4.4 弹性布局(Flex)
- ............
第五章:容器类组件
- 5.1 填充(Padding)
- 5.2 装饰容器(DecoratedBox)
- 5.3 变换(Transform)
- 5.4 容器组件(Container)
- 5.5 剪裁(Clip)
- 5.6 空间适配(FittedBox)
- 5.7 页面骨架(Scaffold)
第六章:可滚动组件
- 6.1 可滚动组件简介
- 6.2 SingleChildScrollView
- 6.3 ListView
- 6.4 滚动监听及控制
- .............
第七章:功能型组件
- 7.1 导航返回拦截(WillPopScope)
- 7.2 数据共享(InheritedWidget)
- 7.3 跨组件状态共享
- 7.4 颜色和主题
- 7.5 按需rebuild(ValueListenableBuilder)
- 7.6 异步UI更新(FutureBuilder、StreamBuilder)
- 7.7 对话框详解
第八章:事件处理与通知
- 8.1 原始指针事件处理
- 8.2 手势识别
- 8.3 Flutter事件机制
- 8.4 手势原理与手势冲突
- 8.5 事件总线
- 8.6 通知 Notification
第九章:动画
- 9.1 Flutter动画简介
- 9.2 动画基本结构及状态监听
- 9.3 自定义路由切换动画
- 9.4 Hero动画
- 9.5 交织动画
- 9.6 动画切换组件(AnimatedSwitcher)
- 9.7 动画过渡组件
第十章:自定义组件
- 10.1 自定义组件方法简介
- 10.2 组合现有组件
- 10.3 组合实例:TurnBox
- 10.4 CustomPaint 与 Canvas
- 10.5 自绘实例:圆形背景渐变进度条
- 10.6 自绘组件:CustomCheckbox
- 10.7 自绘组件: DoneWidget
- 10.8 水印实例: 文本绘制与离屏渲染
第十一章:文件操作与网络请求
- 11.1 文件操作
- 11.2 通过HttpClient发起HTTP请求
- 11.3 Http请求库-dio
- 11.4 实例:Http分块下载
- ..........
第十二章:Flutter扩展
- 12.1 包和插件
- 12.2 Flutter Web
第十三章:国际化
- 13.1 让App支持多语言
- 13.2 实现Localizations
- 13.3 使用Intl包
- 13.4 国际化常见问题
第十四章:Flutter核心原理
- 14.1 Flutter UI 框架(Framework)
- 14.2 Element、BuildContext和RenderObject
- 14.3 Flutter启动流程和渲染管线
- 14.4 布局(Layout)过程
- 14.5 绘制(一)绘制原理及Layer
- .................
第十五章:一个完整的Flutter应用
- 15.1 Github客户端示例
- 15.2 Flutter APP代码结构
- 15.3 Model类定义
- 15.4 全局变量及共享状态
- 15.5 网络请求封装
- 15.6 APP入口及主页
- 15.7 登录页
- 15.8 多语言和多主题
由于内容过多,截图展示的目录及部分内容,有需要完整版的小伙伴,可以点击下方课程链接详细了解!!!
https://edu.51cto.com/course/32703.html
标签:动画,Dart,当下,开发,互联网,组件,UI,Flutter From: https://blog.51cto.com/u_16163442/7388957