程式猿Skr ----- Flutter之歌

AWeiLoveAndroid發表於2019-02-02

本文首發在公眾號 Flutter那些事,版權歸屬作者 AWweiLoveAndroid 所有,未經授權,嚴禁轉載。

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

程式猿Skr ----- Flutter之歌

視訊連結

www.bilibili.com/video/av423…

歌詞

程式猿Skr ----- 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
複製程式碼

相關文章