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

本文首發在公衆號 Flutter那些事，版權歸屬做者 AWweiLoveAndroid 全部，未經受權，嚴禁轉載。

2018年穀歌推出了跨平臺框架Flutter，一時間讓各位技術開發者興趣暴漲（由於作過混合開發的程序猿早就被js的性能低效，rn的js橋接麻煩，weex的社區小和坑多。。。等技術而感到焦頭爛額）。隨着高性能的跨平臺框架Flutter正式版一發布，就吸引力了衆多開發者，你們紛紛表示，Flutter真是太爽了，寫起來簡潔，性能又高，它的UI繪製還不依賴於原平生臺（由於Flutter有獨立的Skia引擎），熱重載，一套Dart代碼直接運行在兩個平臺，UI這一塊基本上無需原生開發基礎（熟悉Dart語法和Flutter組件便可）便可上手操做，大大減小了開發者的負擔和壓學習力。 可是仍是有不少人摸不着頭腦。官方文檔那麼多，怎麼學比較好？哪些須要重點關注？從哪裏開始上手？須要學到什麼程度才作項目？。。。爲此我專門寫了一首歌，用輕鬆愉快的方式，讓你們聽完這首歌就能夠知道哪些東西你大概須要關注，哪些須要瞭解？加深你們的Flutter的認識。歡迎你們都來聽完，若是有講解有問題的，但願你們多多提意見。

視頻連接

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
複製代碼