Flutter入門

Flutter(以前叫Sky)是一個Google推出的基于Dart語言的跨平臺開發(fā)框架甚淡,類似于Facebook的React-Native。其目的是為開發(fā)者提供一套可以兼容IOS和Android的開發(fā)工具,當(dāng)然,也是Google未來新系統(tǒng)Fuchia的官方開發(fā)工具。

Flutter和React-Native相比還是不太成熟的,截至筆者寫此文章時(20180206):React-Native在Github上有59440個star赢赊,而Flutter只有10073個,而且只有alpha版本级历。

但是Flutter還是有相當(dāng)多的優(yōu)勢的:

  • Dart語言:Dart語言有著比JS更復(fù)雜更嚴(yán)謹(jǐn)?shù)恼Z言結(jié)構(gòu)释移,比如類型安全,更容易寫出穩(wěn)定的代碼寥殖,因此更適合做軟件開發(fā)玩讳;
  • 性能更優(yōu):React的JS和原生代碼的通訊存在性能瓶頸,然而Flutter直接將Dart代碼編譯成了原生代碼嚼贡,因此可以直接訪問原生代碼熏纯,沒有橋接的性能瓶頸問題。
  • 更快的渲染:Flutter在原生canvas基于skia庫完全重新定制了一套控件粤策,使用了更高效的布局方式樟澜,并且其畫布摒棄了傳統(tǒng)的矩形更新方案,而是用了更高效控件樹來更新視圖,因此它可以實現(xiàn)高達(dá)120fps的刷新率秩贰。
  • 更高級的特效實現(xiàn):Flutter內(nèi)置了MD風(fēng)格控件和IOS風(fēng)格控件霹俺,開發(fā)者直接使用自帶控件就可以實現(xiàn)比較美觀的效果。而且內(nèi)置了非常豐富的動畫萍膛,比如hero動畫(類似于安卓shareelement)吭服,可以快速實現(xiàn)各種炫酷效果;
  • 兼容性:IOS 8.0+蝗罗,Android 4.0+ 這個應(yīng)該不需要多解釋了;

但是它的劣勢也很明顯:

  • 目前尚未發(fā)布穩(wěn)定本蝌戒,所以也只能先自己玩一玩串塑,開發(fā)個個人項目什么的
  • 軟件庫比較少,F(xiàn)lutter的軟件庫主要來自Dart的package北苟,而后者多年來不慍不火
  • 由于需要兼容兩個平臺桩匪,因此,無法訪問平臺特性相關(guān)內(nèi)容友鼻,如果需要的話傻昙,那只能在各自的項目里做好相關(guān)模塊然后包裝成dart package供flutter使用(聽說不是很復(fù)雜O_o)

1. 環(huán)境配置

flutter官方IDE為Intellij的IDEA,只要安裝“flutter”插件就可以了彩扔。但是需要自己從官網(wǎng)下載flutter SDk妆档。
如果你懂全局代理,你可以

  • choice A
git clone -b dev https://github.com/flutter/flutter.git
# 然后吧flutter/bin加到Linux環(huán)境變量里或者windows的Path中
flutter doctor
  • Choice B
    flutter官方專門講解了如何在中國下載sdk(可是只給了Linux命令)
    Linux系統(tǒng):
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
git clone -b alpha https://github.com/flutter/flutter.git
export PATH="$PWD/flutter/bin:$PATH"
cd ./flutter
flutter doctor

Windows系統(tǒng):(我猜應(yīng)該時這么寫虫碉,沒試過贾惦,就加倆環(huán)境變量的事嗎O_o)

set PUB_HOSTED_URL=https://pub.flutter-io.cn
set FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
git clone -b alpha https://github.com/flutter/flutter.git
# 下邊這步其實相當(dāng)于你自己手動把flutter/bin加到Path中
set PATH=%PATH%;%cd%/flutter/bin
cd flutter
flutter doctor

打開IDEA,新建工程 > Flutter > 一路Next到Finish敦捧,只用改個像樣的工程名字就行须板。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市兢卵,隨后出現(xiàn)的幾起案子习瑰,更是在濱河造成了極大的恐慌,老刑警劉巖秽荤,帶你破解...
    沈念sama閱讀 219,539評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件甜奄,死亡現(xiàn)場離奇詭異,居然都是意外死亡王滤,警方通過查閱死者的電腦和手機(jī)贺嫂,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,594評論 3 396
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來雁乡,“玉大人第喳,你說我怎么就攤上這事□馍裕” “怎么了曲饱?”我有些...
    開封第一講書人閱讀 165,871評論 0 356
  • 文/不壞的土叔 我叫張陵悠抹,是天一觀的道長。 經(jīng)常有香客問我扩淀,道長楔敌,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,963評論 1 295
  • 正文 為了忘掉前任驻谆,我火速辦了婚禮卵凑,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘胜臊。我一直安慰自己勺卢,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,984評論 6 393
  • 文/花漫 我一把揭開白布象对。 她就那樣靜靜地躺著黑忱,像睡著了一般。 火紅的嫁衣襯著肌膚如雪勒魔。 梳的紋絲不亂的頭發(fā)上甫煞,一...
    開封第一講書人閱讀 51,763評論 1 307
  • 那天,我揣著相機(jī)與錄音冠绢,去河邊找鬼抚吠。 笑死,一個胖子當(dāng)著我的面吹牛唐全,可吹牛的內(nèi)容都是我干的埃跷。 我是一名探鬼主播,決...
    沈念sama閱讀 40,468評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼邮利,長吁一口氣:“原來是場噩夢啊……” “哼弥雹!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起延届,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤剪勿,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后方庭,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體厕吉,經(jīng)...
    沈念sama閱讀 45,850評論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,002評論 3 338
  • 正文 我和宋清朗相戀三年械念,在試婚紗的時候發(fā)現(xiàn)自己被綠了头朱。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,144評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡龄减,死狀恐怖项钮,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤烁巫,帶...
    沈念sama閱讀 35,823評論 5 346
  • 正文 年R本政府宣布署隘,位于F島的核電站,受9級特大地震影響亚隙,放射性物質(zhì)發(fā)生泄漏磁餐。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,483評論 3 331
  • 文/蒙蒙 一阿弃、第九天 我趴在偏房一處隱蔽的房頂上張望诊霹。 院中可真熱鬧,春花似錦渣淳、人聲如沸畅哑。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,026評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至赛蔫,卻和暖如春砂客,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背呵恢。 一陣腳步聲響...
    開封第一講書人閱讀 33,150評論 1 272
  • 我被黑心中介騙來泰國打工鞠值, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人渗钉。 一個月前我還...
    沈念sama閱讀 48,415評論 3 373
  • 正文 我出身青樓彤恶,卻偏偏與公主長得像,于是被迫代替她去往敵國和親鳄橘。 傳聞我的和親對象是個殘疾皇子声离,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,092評論 2 355

推薦閱讀更多精彩內(nèi)容