這是去年寫的一首歌：2018年穀歌推出了跨平臺框架Flutter，一時間讓各位技術開發者興趣暴漲（因為做過混合開發的程式猿早就被js的效能低效，rn的js橋接麻煩，weex的社群小和坑多。。。等技術而感到焦頭爛額）。隨著高效能的跨平臺框架Flutter正式版一發布，就吸引力了眾多開發者，大家紛紛表示，Flutter真是太爽了，寫起來簡潔，效能又高，它的UI繪製還不依賴於原生平臺（因為Flutter有獨立的Skia引擎），熱過載，一套Dart程式碼直接執行在兩個平臺，UI這一塊基本上無需原生開發基礎（熟悉Dart語法和Flutter元件即可）即可上手操作，大大減少了開發者的負擔和壓學習力。 但是還是有很多人摸不著頭腦。官方文件那麼多，怎麼學比較好？哪些需要重點關注？從哪裡開始上手？需要學到什麼程度才做專案？。。。為此我專門寫了一首歌，用輕鬆愉快的方式，讓大家聽完這首歌就可以知道哪些東西你大概需要關注，哪些需要了解？加深大家的Flutter的認識。歡迎大家都來聽完，如果有講解有問題的，希望大家多多提意見
視訊連結
騰訊視訊：
B站：
www.bilibili.com/video/av423… 大家記得投幣點贊收藏三連
歌詞
> 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
複製程式碼本文首發公眾號【Flutter那些事】，更多幹貨歡迎關注。