本文首發在公眾號 Flutter那些事，版權歸屬作者 AWweiLoveAndroid 所有，未經授權，嚴禁轉載。
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
複製程式碼