Flutter beta3 避坑指南1

嘗試寫Flutter也有幾周了, 期間遇到了不少坑, 有的是Flutter尚未完善的需要官方來填, 有的則需要自己來解決, 下面跟大家分享一下自己遇到的幾個問題和相應(yīng)的解決辦法.

1. 編輯器強烈建議使用Android Studio

VS Code是我個人非常喜愛的代碼編輯器. 美觀垦页、簡潔、快速. 但是至少目前, 我還是建議你使用谷歌親兒子Android Studio來開發(fā)Flutter. VS Code的Flutter插件已經(jīng)相當(dāng)強大, 但Android Studio上的Flutter插件顯然更加強大, 功能也更為豐富. 最重要的是, 目前的Flutter還不夠穩(wěn)定(尤其是熱加載).


熱加載失敗 相信你一定很眼熟

當(dāng)使用VS Code熱加載失效時, 你只能重新編譯運行, 這其中還包括pod更新和Xcode重新編譯, 過程相當(dāng)緩慢. 但使用Android Studio, 你可以通過點擊綠色的箭頭進行“冷加載”.沒有Xcode編譯過程, app甚至都沒有重啟, 你的項目又恢復(fù)了正常!


Android Studio

需要注意的是, 如果你安裝并引用了新的第三方庫, 還是需要乖乖重新編譯應(yīng)用.這個時候不重啟應(yīng)用雖然能夠跑起來, 但會出現(xiàn)各種問題.

2. 永久更新PATH變量

這件事情應(yīng)該很早就要做了, 尤其是國內(nèi)網(wǎng)絡(luò)不好的緣故, 更需要第一時間使用鏡像網(wǎng)站. 官網(wǎng)對于.bash_profile的介紹不是很詳細, 我就以Mac為例詳細講解一下.

cd ~                       //進入當(dāng)前用戶目錄
touch .bash_profile        //新建.bash_profile文件(如果不存在的話)
open -e .bash_profile      //用記事本打開.bash_profile文件
source .bash_profile       //更新剛配置的環(huán)境變量

首先進入用戶主目錄, 新建.bash_profile文件, 打開, 添加三句話

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH

前兩句是替換鏡像網(wǎng)站,第三句是添加PATH變量, PATH_TO_FLUTTER_GIT_DIRECTORY要改為Flutter在本地的路徑, 比如我自己的:
/Users/jihongbo/development/flutter/bin:$PATH
教大家一個好方法, 在目錄上右擊彈出菜單, 此時按住option健, 會出現(xiàn)“將XXX拷貝為路徑名稱”, 這時就可以直接粘貼用了.
注意: 后面不要加任何符號, 比如//注釋等等. =前后沒有空格(被坑好久)
最后更新一下配置就OK了. 編輯器也要重啟一下一并更新終端配置.

3. 資源管理 pubspec.yaml

pubspec.yaml很像iOS的podfile或者Node.js的package.json, 是專門用來管理第三方庫的. 但同時他也擔(dān)負著管理資源(圖片蛾狗、字體)的任務(wù).
看過教程的我們都知道添加圖片字體只需要在文件中加入類似下面的代碼.

fonts:
- family: flyou
  fonts:
    - asset: fonts/fa-solid-900.ttf

但請注意, 他們的縮進關(guān)系一定要正確, 否則會編譯失敗. 猜測pubspec.yaml是根據(jù)名稱以及縮進關(guān)系來組織字體信息的, 但這種方式遠不如JSON來的直觀.

4. 對iOS開發(fā)不夠友好

最容易上手Flutter的要數(shù)Android開發(fā)了, 原因很簡單, 都是一個爸爸生的. 從默認的Material Design風(fēng)格, 到連名字都一毛一樣的控件, 連看API的功夫都省了, 閉著眼睛都能猜到想要的控件名稱. 其次就是前端開發(fā), 因為Flutter的核心與React以及Vue非常相似, 理解起來得心應(yīng)手, Dart與ES6又有著極為相似的語法. 而對于iOS開發(fā)而言, 需要去啃API文檔, 需要去理解數(shù)據(jù)單向傳遞的概念, 需要去理解swift還沒有發(fā)布的異步特性...
但是反過來說, 上面提到的這些新的特性都是目前最新最熱的技術(shù), 即便現(xiàn)在不學(xué)習(xí), 往后肯定也會需要用到. iOS開發(fā)環(huán)境相對前端甚至安卓來說都太安逸了, 產(chǎn)生技術(shù)爆炸點的頻率相當(dāng)?shù)? 但我們不能因此拘泥于現(xiàn)有的技術(shù)而停滯不前.
所以一起加油吧!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末旁涤,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子抖韩,更是在濱河造成了極大的恐慌,老刑警劉巖疫铜,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件茂浮,死亡現(xiàn)場離奇詭異,居然都是意外死亡壳咕,警方通過查閱死者的電腦和手機席揽,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來谓厘,“玉大人幌羞,你說我怎么就攤上這事【刮龋” “怎么了属桦?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵,是天一觀的道長他爸。 經(jīng)常有香客問我聂宾,道長,這世上最難降的妖魔是什么诊笤? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任系谐,我火速辦了婚禮,結(jié)果婚禮上盏混,老公的妹妹穿的比我還像新娘蔚鸥。我一直安慰自己惜论,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布止喷。 她就那樣靜靜地躺著馆类,像睡著了一般。 火紅的嫁衣襯著肌膚如雪弹谁。 梳的紋絲不亂的頭發(fā)上乾巧,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天,我揣著相機與錄音预愤,去河邊找鬼沟于。 笑死,一個胖子當(dāng)著我的面吹牛植康,可吹牛的內(nèi)容都是我干的旷太。 我是一名探鬼主播,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼销睁,長吁一口氣:“原來是場噩夢啊……” “哼供璧!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起冻记,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤睡毒,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后冗栗,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體演顾,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年隅居,在試婚紗的時候發(fā)現(xiàn)自己被綠了钠至。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,018評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡军浆,死狀恐怖棕洋,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情乒融,我是刑警寧澤掰盘,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布,位于F島的核電站赞季,受9級特大地震影響愧捕,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜申钩,卻給世界環(huán)境...
    茶點故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一次绘、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦邮偎、人聲如沸管跺。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽豁跑。三九已至,卻和暖如春泻云,著一層夾襖步出監(jiān)牢的瞬間艇拍,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工宠纯, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留卸夕,地道東北人。 一個月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓婆瓜,卻偏偏與公主長得像快集,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子廉白,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,762評論 2 345

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