Flutter beta3 避坑指南1

嘗試寫Flutter也有幾周了, 期間遇到了很多坑, 有的是Flutter還沒有完善的須要官方來填, 有的則須要本身來解決, 下面跟你們分享一下本身遇到的幾個問題和相應的解決辦法.

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

VS Code是我我的很是喜好的代碼編輯器. 美觀、簡潔、快速. 可是至少目前, 我仍是建議你使用谷歌親兒子Android Studio來開發Flutter. VS Code的Flutter插件已經至關強大, 但Android Studio上的Flutter插件顯然更增強大, 功能也更爲豐富. 最重要的是, 目前的Flutter還不夠穩定(尤爲是熱加載).

當使用VS Code熱加載失效時, 你只能從新編譯運行, 這其中還包括pod更新和Xcode從新編譯, 過程至關緩慢. 但使用Android Studio, 你能夠經過點擊綠色的箭頭進行「冷加載」.沒有Xcode編譯過程, app甚至都沒有重啓, 你的項目又恢復了正常!

須要注意的是, 若是你安裝並引用了新的第三方庫, 仍是須要乖乖從新編譯應用.這個時候不重啓應用雖然可以跑起來, 但會出現各類問題.

2. 永久更新PATH變量

這件事情應該很早就要作了, 尤爲是國內網絡很差的緣故, 更須要第一時間使用鏡像網站. 官網對於.bash_profile的介紹不是很詳細, 我就以Mac爲例詳細講解一下.

cd ~                       //進入當前用戶目錄
touch .bash_profile        //新建.bash_profile文件(若是不存在的話)
open -e .bash_profile      //用記事本打開.bash_profile文件
source .bash_profile       //更新剛配置的環境變量
複製代碼

首先進入用戶主目錄, 新建.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
複製代碼

前兩句是替換鏡像網站,第三句是添加PATH變量, PATH_TO_FLUTTER_GIT_DIRECTORY要改成Flutter在本地的路徑, 好比我本身的:

/Users/jihongbo/development/flutter/bin:$PATH

教你們一個好方法, 在目錄上右擊彈出菜單, 此時按住option健, 會出現「將XXX拷貝爲路徑名稱」, 這時就能夠直接粘貼用了.

注意: 後面不要加任何符號, 好比//註釋等等. =先後沒有空格(被坑很久)

最後更新一下配置就OK了. 編輯器也要重啓一下一併更新終端配置.

3. 資源管理 pubspec.yaml

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

fonts:
- family: flyou
  fonts:
    - asset: fonts/fa-solid-900.ttf
複製代碼

但請注意, 他們的縮進關係必定要正確, 不然會編譯失敗. 猜想pubspec.yaml是根據名稱以及縮進關係來組織字體信息的, 但這種方式遠不如JSON來的直觀.

4. 對iOS開發不夠友好

最容易上手Flutter的要數Android開發了, 緣由很簡單, 都是一個爸爸生的. 從默認的Material Design風格, 到連名字都一毛同樣的控件, 連看API的功夫都省了, 閉着眼睛都能猜到想要的控件名稱. 其次就是前端開發, 由於Flutter的核心與React以及Vue很是類似, 理解起來駕輕就熟, Dart與ES6又有着極爲類似的語法. 而對於iOS開發而言, 須要去啃API文檔, 須要去理解數據單向傳遞的概念, 須要去理解swift尚未發佈的異步特性...

可是反過來講, 上面提到的這些新的特性都是目前最新最熱的技術, 即使如今不學習, 日後確定也會須要用到. iOS開發環境相對前端甚至安卓來講都太安逸了, 產生技術爆炸點的頻率至關低. 但咱們不能所以拘泥於現有的技術而停滯不前.

因此一塊兒加油吧!