flutter嵌入原生组件_Flutter之歌

   2018年谷歌推出了跨平台框架Flutter，一时间让各位技术开发者兴趣暴涨(因为做过混合开发的程序猿早就被js的性能低效，rn的js桥接麻烦，weex的社区小和坑多。。。等技术而感到焦头烂额)。随着高性能的跨平台框架Flutter正式版一发布，就吸引力了众多开发者，大家纷纷表示，Flutter真是太爽了，写起来简洁，性能又高，它的UI绘制还不依赖于原生平台(因为Flutter有独立的Skia引擎)，热重载，一套Dart代码直接运行在两个平台，UI这一块基本上无需原生开发基础(熟悉Dart语法和Flutter组件即可)即可上手操作，大大减少了开发者的负担和压学习力。

  但是还是有很多人摸不着头脑。官方文档那么多，怎么学比较好？哪些需要重点关注？从哪里开始上手？需要学到什么程度才做项目？。。。为此我专门写了一首歌，用轻松愉快的方式，让大家听完这首歌就可以知道哪些东西你大概需要关注，哪些需要了解？加深大家的Flutter的认识。欢迎大家都来听完，如果有讲解有问题的，希望大家多多提意见。

视频

完整的视频请看这里：

歌词

下面放上完整版歌词：

Rap:

2018年 Flutter的元年

谷歌推出Flutter跨平台的理念

统领安卓、ios和PC三端

性能在业内已经大大领先

什么rn weex都甩到一边

Flutter有独立Skia引擎来渲染

用了Flutter感觉爽翻天

跨平台的发展潜力无限

越来越多的程序员 开始投入Flutter钻研

希望在这里 开辟自己的一片蓝天

大家跟着阿韦大佬一起干

Flutter那些事欢迎查看

公众号众多干货等你来点赞

有任何不懂欢迎给我留言

我看到就给你回复

只要我有时间

唱：

Flutter helpful for developer

Flutter 跨平台的王者

Flutter easy to learn Flutter

Flutter let's learn it together together

Rap:

2019年已经来到

Flutter正式版已经发表

Flutter和Dart是主角 抛弃JS老一套

积极拥抱变化才是王道

Dart语法有多层嵌套

写起来确实很烦躁

稍不留神掉了个括号

整个程序直接crash掉

其实熟练掌握编程技巧

Dart语言也很美妙

用过其它语言你就知道

Dart基于其它语言进行创造

语法似曾相识的赶脚

官方文档多找找 代码多敲敲

其实Dart掌握起来并不烧脑

只要你用心学习一定能够学好

唱：

Flutter helpful for developer

Flutter 跨平台的王者

Flutter easy to learn Flutter

Flutter let's learn it together together

so you don't know this

Dart is really Language of OOP

我们一定要记住

Rap:

so you don't know this

Dart is really Language of OOP

我们一定要切记

封装对象函数is the key(关键)

Everything in Flutter is Widget

用类和函数把代码抽离

使用import和part进行库管理

Simple is easy,to be a package

parts of Codes easy to be manager

唱：

Flutter helpful for developer

Flutter 跨平台的王者

Flutter easy to learn Flutter

Flutter let's learn it together together

Rap:

Flutter的UI 上百个组件

究竟看哪个 没有了意见

抽上一包烟 源码看半天

始终不明白 从哪里开篇

哟哟切克闹 Flutter真奇妙

大家一起来 跟着阿韦大佬

熟悉Flutter的组件

从基础到实践

让你轻松学会Flutter来编写界面

构建首先先从布局容器看

Row Column来把线性布局构建

Stack用来表示堆叠空间

相对位置请用Position和Align

模拟div使用Container来实现

列表请用ListView家族的组件

使用Image来表示图片

Text就是文本组件

唱：

Flutter helpful for developer

Flutter 跨平台的王者

Flutter easy to learn Flutter

Flutter let's learn it together together

Rap:

富文本用TextSpan

Form是表单 FormField是表单组件

TextField包含输入状态的组件

大多数组件都是Material Design

ios风格统一前缀用Curponito组件

AppBar是标题栏

手势识别是GestureDetector

Animated开头的是动画组件

结尾是Transition可以实现位移渐变

组件种类太多 不能逐个过一遍

希望大家掌握以上这些关键

Flutter还提供了原生交互方案

混合开发嵌入项目不再是麻烦

Flutter还在更新 大家一起提意见

pub社区开源库 等待大家完善

唱：

Flutter helpful for developer

Flutter 跨平台的王者

Flutter easy to learn Flutter

Flutter let's learn it together together

Rap：

so you don't know this

Dart is really Language of OOP

我们一定要切记

封装对象函数is the key(关键)

Everything in Flutter is Widget

点击下方“阅读全文”了解更多