flutter技术落地使用

2021-08-04 10:16:00 浏览数 (1)

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源码,大量实践思考总结

0 人点赞