程序猿Skr ----- Flutter之歌

版权声明：本文为博主原创文章，本文首发在公众号 Flutter那些事，版权归作者 AWeiLoveAndroid 所有，未经博主允许不得转载。https://www.jianshu.com/p/d5dd0eab9a59

转载请标明出处：
https://www.jianshu.com/p/d5dd0eab9a59 本文出自 AWeiLoveAndroid的博客

Flutter之歌

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

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

视频链接

腾讯视频：

https://v.qq.com/x/page/n0834td80in.html

B站：

https://www.bilibili.com/video/av42382521/

Dart 和 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 togetherRap:
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 togetherso 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 togetherRap:
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 togetherRap:
富文本用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 togetherRap：
so you don't know this
Dart is really Language of OOP
我们一定要切记
封装对象函数is the key（关键）
Everything in Flutter is Widget