學習筆記 flutter專案搭建 mac版

flutter是谷歌的移動ui框架，可以快速在ios和android上構建高質量的原生使用者介面。 flutter可以與現有的**一起工作。在全世界，flutter正在被越來越多的開發者和組織使用，並且flutter是完全免費、開源的。

hybrid 通過jsbridge來做native與非native之間的橋梁（本質還是web模式）

react-native 將view編譯成原生的view從而達到良好的體驗，但還是需要jsbridge做連線

flutter 吸收了前者的教訓之後,在渲染技術上,選擇了自己實現(gdi)

reactive-native原理圖

flutter實現原理

使用映象

flutter官方為中國開發者搭建了臨時映象，大家可以把下面的環境變數加到使用者的環境變數中mac直接vim~/.bash_profile修改即可，如果用了zsh 也可~/.zshrc,修改完source ~/.bash_profile即可

export pub_hosted_url=
export flutter_storage_base_url=

獲取flutter sdk

注意pwd為你解壓flutter安裝包的路徑

執行flutter

執行flutter doctor來檢視還有什麼東西沒有安裝，然後根據提示安裝相應的東西即可

建立乙個flutter專案

以上所有安裝都完畢後可以再terminal通過flutter create 目錄名來建立專案，然後執行open -a simulator開啟蘋果手機模擬器

安裝下面的包來確保能進行ios模擬除錯

brew update brew install --head libimobiledevice brew install ideviceinstaller ios-deploy cocoapods pod setup

在你flutter專案目錄中通過 open ios/runner.xcworkspace 開啟預設的xcode workspace.最後執行flutter run你的第乙個flutter專案就跑起來了

詳細安裝教程可以具體看flutter官網，本教程為自己的學習筆記，後面會另外開文如何使用flutter來進行開發