flutter入坑指南

1.環境安裝

cd $HOME
vim ~/.bash_profile
export PATH=/Users/ioth5/lxd/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
           

執行并建立 bash_profile檔案，添加flutter全局變量

常用的操作指令

R 熱更新，有更改"R"可以直接重新整理安卓程式
P 顯示安卓網格
O 轉換到IOS樣式
Q 退出.
           

1.踩坑

在執行export PATH=pwd/flutter/bin:$PATH指令的時候踩了坑，按教程執行完之後，
在指令行輸入 flutter doctor之後仍然會提示找不到flutter這個指令。
           

2.爬坑

這句指令是來為flutter設定環境變量的，這裡要根據本機flutter sdk實際安裝目錄來設定。
例如，我這裡flutter中bin檔案夾的目錄是/Users/my/flutter_sdk/flutter/bin
是以我們應該執行的，指令是：
export PATH=$PATH:/Users/my/flutter_sdk/flutter/bin

再次在指令行輸入flutter doctor，就不會報找不到flutter指令的錯誤了。
           

3.出坑

建立一個指令行視窗，再次輸入flutter doctor，你會發現仍然報-bash: flutter: command not found這個錯誤。
這是因為我們之前設定環境變量的時候，是直接在指令行通過export指令進行的，并沒有全局設定上。
這時候我們應該：
打開.bash_profile檔案：open -e .bash_profile

在檔案末尾設定追加設定flutter bin目錄路徑為環境變量：
           

模拟器啟動指令

1. open -a Simulator // 檢測模拟器
2. flutter run 。    // 啟動應用
3. flutter packages get // 初始化項目
           

flutter 布局（Flutter布局機制的核心就是widget）

重點是什麼?

1.Widgets 是用于建構UI的類.
2.Widgets 用于布局和UI元素.
3.通過簡單的widget來建構複雜的widget
           

2. flutter 包的安裝與更新 https://flutterchina.club/using-packages/

1.flutter packages get
2.flutter packages upgrade // 更新到軟體包的新版本