天天看點

AndroidStudio搭建Google Flutter的填坑之路

Mac環境搭建flutter指南

Flutter簡介:

Flutter和Dart插件安裝:

下載下傳flutter開發包:

配置環境變量:

執行flutter doctor指令

建立Flutter項目

運作Flutter項目

關于Flutter的熱重載

異常

Flutter中文資料下載下傳

https://blog.csdn.net/ytfunnysite/article/details/99189417

Flutter 是 Google 用以幫助開發者在 iOS 和 Android 兩個平台開發高品質原生 UI 的移動 SDK。一份代碼可以同時生成iOS和Android兩個高性能、高保真的應用程式。 Flutter 相容現有的代碼,免費且開源,在全球開發者中廣泛被使用。

快速開發:Flutter的熱重載可以快速地進行測試、建構UI、添加功能并更快地修複錯誤。

富有表現力,漂亮的使用者界面:自帶的Material Design和Cupertino(iOS風格)widget、豐富的motion API、平滑而自然的滑動效果。

響應式架構:使用Flutter的現代、響應式架構,和一系列基礎widget,輕松建構您的使用者界面。

通路本地功能和SDK:Flutter可以複用現有的Java、Swift或ObjC代碼,通路iOS和Android上的原生系統功能和系統SDK。

統一的應用開發體驗:Flutter擁有豐富的工具和庫,可以幫助開發者輕松地同時在iOS和Android系統中實作想法和創意。

原生性能:Flutter包含了許多核心的widget,如滾動、導航、圖示和字型等,這些都可以在iOS和Android上達到原生應用一樣的性能。

如果你是移動端開發者,并且想以快速而又簡單的方式開發漂亮的APP,那麼Flutter是為你而生。 Flutter為運作在Android和iOS的2D APP而優化。Flutter開發的APP既适用于簡單場景,比如傳遞品牌價值,也适用于複雜場景,比如股票交易平台。你可以用Flutter開發出各種有特點的APP,比如相機,地理定位,網絡,存儲和第三方SDK等待。 Google公司的銷售工具APP-商店管理APP和Newsvoice的Android和iOS端的APP都是用Flutter開發的,還有一些其他正在用Flutter開發的APP。 Flutter既不使用WebView,也不使用系統的原生控件,而是通過高性能的渲染引擎來畫控件。除此之外,Flutter不同是因為它隻有C/C++代碼編寫的單一層,這樣開發者更容易控制系統,或者說更容易讀取或者修改系統的元件,手勢,動畫架構和控件等等 支援Linux, Mac和Windows 使用Dart語言,其底層圖表架構和Dart虛拟機用C/C++實作。 性能優秀,Flutter是為60fps而設計的,Flutter運作的是編譯後的代碼,而不是解釋性程式,這意味着Flutter能快速啟動。 支援的手機作業系統:Android Jelly Bean, v16, 4.1.x or newer, and iOS 8 or newer 手機硬體:64-bit iOS 手機(從iPhone 5S開始), and ARM Android 手機。 支援Android 和iOS實體裝置,支援Android和iOS模拟器,beta3支援平闆。 Flutter支援開發者開箱即用來通路一些平台特性的服務和API
AndroidStudio搭建Google Flutter的填坑之路
AndroidStudio搭建Google Flutter的填坑之路
安裝完插件重新開機as,在建立項目的時候就可以驚喜的發現可以new flutter project了,如果你的as這個時候還沒有這總操作,那麼要确認你的AndroidStudio版本是否是3.0以上,如果是,就可以解除安裝上述兩個插件然後重裝了。
在git指令行下輸入如下指令: 目前使用的是stable分支
如果下載下傳失敗,你可能需要配置一下代理模式:
下載下傳完成後的驗證;
AndroidStudio搭建Google Flutter的填坑之路
AndroidStudio搭建Google Flutter的填坑之路
執行flutter_console指令
AndroidStudio搭建Google Flutter的填坑之路
在系統 使用者環境變量path中添加剛剛下載下傳的flutter的路徑
AndroidStudio搭建Google Flutter的填坑之路
!最新在使用者變量不是系統變量](https://img-blog.csdnimg.cn/20200402143501583.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l0ZnVubnlzaXRl,size_16,color_FFFFFF,t_70#pic_center) 在系統 使用者環境變量中建立名為PUB_HOSTED_URL 值為https://pub.flutter-io.cn 的環境變量; 建立名為FLUTTER_STORAGE_BASE_URL值為https://storage.flutter-io.cn的環境變量
AndroidStudio搭建Google Flutter的填坑之路
AndroidStudio搭建Google Flutter的填坑之路
注意:在配置完成環境變量後記得要 重新開機電腦,配置才會生效,不然執行doctor指令就會下載下傳失敗!切記重新開機,如果你下載下傳失敗多半原因就是配置完環境變量後沒有重新開機, windows指令行cmd中執行flutter doctor指令,flutter doctor 會自動檢測目前開發環境配置,并且自動下載下傳欠缺的檔案。首次下載下傳過程相對耗時。畢竟是外網,可以出去抽支煙,please hold on…… 正常下載下傳過程是這樣的
AndroidStudio搭建Google Flutter的填坑之路
AndroidStudio搭建Google Flutter的填坑之路
就像建立對象一樣,正常new就行,
AndroidStudio搭建Google Flutter的填坑之路
AndroidStudio搭建Google Flutter的填坑之路
new 不出來的可以收拾東西準備去世了
運作直接run就行了,隻是在此說明一下,盡量用真機測試,或者是AS自帶的模拟器進行測試。第三方的盡量不要用,因為第三方像網易,夜神那些玩意在這裡很有可能會白屏閃退,個人建議可以解除安裝了。 運作起來的樣子很美麗:
AndroidStudio搭建Google Flutter的填坑之路
Flutter的熱重載(hot reload)功能可以幫助您在無需重新啟動應用的情況下快速、輕松地進行測試、建構使用者界面、添加功能以及修複錯誤。 通過将更新後的源代碼檔案注入正在運作的Dart虛拟機(VM)中來實作熱重載。在虛拟機使用新的的字段和函數更新類後,Flutter架構會自動重新建構widget樹,以便您快速檢視更改的效果。
AndroidStudio搭建Google Flutter的填坑之路
AndroidStudio搭建Google Flutter的填坑之路
如果你的閃電不能點選,那麼要檢測一下目前的Flutter項目運作了幾次,在保證隻有一個flutter項目運作的情況下不要結束目前項目的運作,就是不要stop。

Unable to locate Android SDK

使用者變量配置ANDROID_HOME環境變量

! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses

flutter doctor --android-licenses -v

Android license status unknown

AndroidStudio搭建Google Flutter的填坑之路

配置完成效果

AndroidStudio搭建Google Flutter的填坑之路
除了官網的文檔之外,特定在騰訊課堂那裡獲得一套Flutter跨平台開發全套電子書,入門來說很是詳盡,也是本文的重要參考資料,已經為大家打好包,裝好車,沒有積分的同僚可以聯系我:ytf0327(微信),連結位址: https://download.csdn.net/download/ytfunnysite/10543984 官網連結:https://flutter-io.cn/