Dart Flutter 1.0 發佈~入門初體驗Android Studio開發

前言

    本文介紹如何搭建Flutter開發環境,這是Dart入門的第一步。觀察移動端跨平臺框架好久了,本打算入手React Native,它是Face Book 2015年開源的跨平臺移動框架,火了好久了,現在國內好多APP都是基於它。之前還有好多跨平臺的移動框架比如React Native,攜程、360也有好多框架支持插件開發、熱加載,但逐漸也被RN替代了,目前比較合適的就是入手Flutter。
    那麼問題來了,爲什麼要選擇Dart Flutter這一套平臺框架尼?

  1. RN雖然能滿足目前需求,但體驗還是存在卡頓,框架本身的問題webapp;
  2. 移動開發還是原生開發給用戶的體驗最好;
  3. 體驗了Flutter你會愛上它(熱加載),像開發前端開發原生APP打包發佈;
  4. 跨平臺,就像java一樣,雖然不能徹底的跨平臺,但一個APP更像一個產品,一份代碼開發者可以節省好多時間在產品體驗上;
  5. 類似於基於linux上面的安卓,可能大家都知道安卓=java+linux+GUI,確實這樣安卓的框架是在liunx內核之上抽象出了一層,這就導致了目前安卓很讓谷歌頭疼的原因,Flutter則是一個基於編譯器的C/C++引擎,引擎之上是Dart前端。這就像你開發一個產品的時候沒有經驗先用成熟的技術方案,等到你實現功能之後,發現有好多地方可以自己重構代碼優化一下;
  6. 最後還是谷歌的新系統很撩人,物聯網時代已經來了,對硬件對操作系統的實時性更加嚴苛。

一. Flutter有哪些特性

    Flutter提供了一套解決方案,既能用原生ARM代碼直接調用的方式來加速圖形渲染和UI繪製,又能同時運行在兩大主流移動操作系統上。
    Flutter並不是要替代原生應用開發模式,你可以用Flutter開始一個全新的應用,也可以把Flutter理解爲應用內置的一個引擎,把這個引擎引入到現有的工程裏。

  1. Flutter可以幫助構建界面精美的應用。谷歌希望設計師們都能充分發揮自己的想象,盡情施展精美絕倫的創意,而不受框架侷限性的干擾。通過Flutter,你可以在屏幕上有像素級的掌控。Flutter強大的圖像組合能力讓你近乎可以不受限制的堆疊任何圖形、視頻、文本和控件。Flutter內置了一系列的widgets (在Flutter裏,幾乎所有內容都是widget),這些widgets可以幫助您在iOS和Android上實現極致的視覺體驗。Flutter集成並有最大程度的實現了Material Design——這是Google爲數字體驗所創作的開放的設計系統。
  2. Flutter速度快。它基於Skia 2D硬件加速圖形引擎,該引擎也同樣用在了Chrome和Android平臺。媲美原生應用的速度,這是構建Flutter時的初心。Flutter的代碼基於Dart平臺,它可以被編譯成iOS和Android平臺上32位和64位的ARM代碼。
  3. Flutter非常高效。Flutter引入了Stateful Hot Reload(保持應用狀態的熱重載),這個革命性的新特性可以讓移動開發者和設計師們實時迭代應用程序。通過Stateful Hot Reload,無需重新啓動應用,你就可以在程序運行的時候直接看到代碼修改之後的效果,Stateful Hot Reload改變了開發者們編寫應用的方式。在用戶反饋中,開發者們表示該特性使得開發效率提升了三倍。
  4. 最後,Flutter是開放的。Flutter是一個基於BSD-style許可的開源項目,全球數百位開發者在爲其貢獻代碼。Flutter的插件生態系統平臺也充滿活力。有數千款插件已經發布,避免了重複造輪子。由於Flutter應用程序使用標準的Android和iOS的編譯打包工具(build tools),因此它的開放還體現在您可以使用原生開發資源。比如,您同樣可以在Android上使用Kotlin或者Java,在iOS上使用Swift或者Objective-C來寫邏輯或者界面。

    結合以上這些,再加上你順手的開發工具,比如Visual Studio Code、Android Studio、IntelliJ或其他你青睞開發者編輯器,你就可以開始使用Flutter體驗一套代碼同時在iOS和Android上實現原生應用效果的樂趣了。

二. 搭建Flutter開發環境

  1. 獲取Flutter SDK,點擊下載
  2. 運行flutter_console.bat配置環境變量
    安裝flutter
  3. 命令行運行 flutter doctor查看未安裝依賴,可使用flutter help查看當前版本可使用的選項
    檢查插件是否安裝成功
  4. 安裝Android Studio開發環境,配置安卓虛擬機
    配置安卓虛擬機
  5. Android Studio安裝Dart和Flutter插件,重啓AS
    安卓Dart插件
  6. 創建Flutter APP項目,體驗熱加載,如下圖更改了APP的背景顏色
    創建Flutter APP

@注意事項

  1. 請使用藍燈或者其他翻牆工具;
  2. 如果翻牆了之後,AS 安裝插件失敗如下圖,需要配置下HTTP代理;
  3. 附上,Flutter官方安卓預覽版的apk供大家體驗flutter—— flutter_gallery
    插件安裝失敗

@一些鏈接

    https://github.com/flutter —— Git倉庫
    https://flutter.io/ —— Flutter官網
    https://flutter.io/docs —— Flutter開發文檔
    https://flutterchina.club/setup-windows/ —— 中文網
    https://zhuanlan.zhihu.com/flutter —— 知乎學習指南

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章