Flutter技术落地使用
Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。
本章节将从学习路线、进阶、及未来学习方向等3个方面拓展性总结Flutter技术在实际业务中需要掌握的基本开发能力。
一、学习路线
Flutter作为一门新开源的移动UI框架,在设计之初,谷歌的工程师就考虑到了开发者在学习Flutter的成本问题,Dart语言与Flutter的结合,获得泛型、class等强类型语言的特性保证了我们开发的应用安全可控,同时Flutter借鉴了FaceBook成熟开源框架React的单向数据绑定的特性,使我们在开发的过程中可以恰到好处的更新和控制我们的页面。
通过我们的实际开发使用的经验看,Flutter是一门学习起来十分顺滑的成熟技术框架,下面将推荐一下学习路线让你快速的入门Flutter,构建你想要的应用:
1. 学习Dart语言:
官网快速入门:Dart 语言开发文档(dart.cn/guides)
2. 学习Flutter UI框架:
掌握Widget,在Flutter中,万物皆Widget!Widget作为我们搭建应用的组件,需要至少掌握我们常见的Widget
Widget | 说明 |
---|---|
Container | 一个拥有绘制、定位、调整大小的 widget。 |
Row | 在水平方向上排列子widget的列表。 |
Column | 在垂直方向上排列子widget的列表。 |
Image | 一个显示图片的widget |
Text | 单一格式的文本 |
Icon | A Material Design icon. |
RaisedButton | Material Design中的button, 一个凸起的材质矩形按钮 |
Scaffold | Material Design布局结构的基本实现。此类提供了用于显示drawer、snackbar和底部sheet的API。 |
Appbar | 一个Material Design应用程序栏,由工具栏和其他可能的widget(如TabBar和FlexibleSpaceBar)组成。 |
ListView | 列表显示 |
Icon | 图标 |
Switch | 单选开关 |
Checkbox | 复选框 |
TextField | 输入框 |
Form | 表单组件 |
Flex、Expanded | 弹性布局 |
Wrap | 流式布局 |
Stack、Positioned | 层叠布局,用于页面定位,层叠摆放 |
Align | 对齐与相对定位 |
GestureDetector | 手势识别 |
Widget拓展 进阶学习:https://flutter.cn/docs/development/ui/widgets
二、进阶学习:
- 插件使用:pub.flutter-io.cn/
- 原生调用:文件操作、拍照、语音、视频播放
四、拓展学习:
- 原生学习:Android、ios开发 即使Flutter已经完成了大部分移动开发需要的Widget,但是还是有一些特殊的用户需求需要我们去实现,既然是跨平台开发,那就离不开原生开发!是的,如果需要深入移动领域,要学习原生!
- 深入学习Flutter运行机制 学习Flutter运行机制可以帮助我们更好的解决实际开发中的一些问题,譬如:渲染、动画机制、数据绑定、流数据处理。学习方法:读Flutter源码,大量实践 、思考及总结。