flutter技术落地使用-摩杜云开发者社区

flutter技术落地使用_Dart

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	手势识别

二、进阶学习：

插件使用：pub.flutter-io.cn/
原生调用：文件操作、拍照、语音、视频播放

四、拓展学习：

原生学习：Android、ios开发 即使Flutter已经完成了大部分移动开发需要的Widget，但是还是有一些特殊的用户需求需要我们去实现，既然是跨平台开发，那就离不开原生开发！是的，如果需要深入移动领域，要学习原生！
深入学习Flutter运行机制 学习Flutter运行机制可以帮助我们更好的解决实际开发中的一些问题，譬如：渲染、动画机制、数据绑定、流数据处理。学习方法：读Flutter源码，大量实践、思考及总结。