[Google IO 2018] Flutter Beta 3 發布,比以往更強大

已發表: 2018-05-15

雖然跨平台應用程序開發的世界主要集中在 React Native 框架上,但時代已經改變。

自從 Flutter 發布及其 beta 應用發布以來,很明顯,在應用程序開發社區中流傳的概念——Flutter 應用程序比 React Native 更好——將成為全球公認的事實。

跨平台 SDK 的推出具有許多功能,使其在 Flutter 與 React Native 2018 的競賽中脫穎而出。

以下是 Flutter 應用程序中嵌入的一些差異化因素——

  • 熱重載

這是 Flutter 最強大的功能之一。 使用它,您可以立即在屏幕上看到您對代碼所做的更改的效果。

熱重載使跨平台移動應用程序開發更加智能和快捷。

  • 完整的材料設計小部件集

Flutter 帶有一個驚人的內置用戶界面組件目錄。 他們在他們的 SDK 中加入了兩種類型的小部件——適用於 Android 的 Material Design 和適用於 iOS 的 Cupertino。 開發人員可以自由選擇其中任何一個並跨平台推出它們。

  • 整個 SDK 是一組 Widget

Flutter 應用程序的核心原則在於讓一切都成為小部件。 app類是一個widget(MaterialApp),整個佈局結構就是widget(Scaffold),一般來說,一切都是一個widget(Drawer、AppBar、SnackBar)。 事實上,有一個用於將視圖更改為中心的小部件。

  • iOS 和 Android 的不同主題

Flutter 帶有不同的主題,這些主題帶有 Android 和 iOS 特定的小部件、顏色和尺寸。

受平台特定主題的支持,每個Flutter 應用程序都具有原生的外觀和感覺。

  • 支持多個包

即使在它的 beta 版本中,Flutter 也支持許多包。 有單獨的包用於發出 HTTP 請求、打開圖像、存儲首選項、共享內容、實現 Firebase、訪問傳感器等等。

[閱讀更多關於 Flutter 以及它比 React Native 更好的信息: Flutter:詳細了解將在 Google I/O 2018 中普及的 Beta 版]

2018 年 3 月在世界移動通信大會上推出的 Flutter Beta 版推動了許多品牌在 iPhone 和 Android 上的出現,這兩個品牌都使用 Flutter 具有很高的原生外觀。

自推出以來,已有許多應用程序在 Flutter 的強大支持下在商店中發布。 自 2018 年 I/O 以來,這個數字只會增加。

Flutter Beta 3.0 在 I/O 2018 發布

Flutter Beta 3.0 Launched in IO 2018

在 Google I/O 2018 上,這家科技巨頭宣布推出 Flutter Beta 3,其中包含一系列新功能,使 Flutter 上的跨平台應用程序開發更加可定制和方便。

以下是 Flutter Beta 3 中引入的功能 -

新版本主要關註三個組件——基礎、生態系統和工具。

在基礎領域

Flutter Beta 3 中的 Material Design 小部件進行了許多更改,以提高自定義級別和靈活性 -

  • 添加了一個 BottomAppBar 組件
  • 對芯片的支持得到了改進和擴展
  • InputDecorator 現在支持下劃線/填充和輪廓模式
  • 使用 Slider 更好地定制顏色和形狀
  • 使用 FloatingActionButton 靈活定位

除此之外,Flutter Gallery 應用程序也進行了一些更改,以展示一些更改,例如 - 新的背景演示、更新的文本字段、添加了 OutlineButton 的演示和自定義選擇指示器。

除此之外,Flutter 還對使用 Flutter 的應用程序的可訪問性支持進行了一系列改進,其中包括改進對大文本、屏幕閱讀器和對比度能力的支持。

此外,借助 Flutter,企業現在甚至可以製作使用從右到左語言腳本的應用程序。

在生態系統領域

Google I/O 2018 最大的公告 Flutter Beta 3——遠程配置、性能監控和 Cloud Firestore 的 Firebase 插件套件中添加了一組新的功能齊全的插件。 Flutter 為由 AdMob Google 提供支持的廣告提供的支持正在進入測試階段,這將使開發人員能夠通過他們基於 Flutter 的應用程序獲利。

新的 AdMob 插件在 AdMob API 的幫助下幫助加載和顯示橫幅、插頁式和基於獎勵的視頻廣告。

關於工裝

Flutter 重新設計了 UI Inspector,新增了“Just My Widgets”功能,可以過濾掉自動生成的小部件。 開發人員甚至可以在配置文件模式下運行他們的 Flutter 應用程序,這會增加內存使用情況顯示和每秒幀數。

此外,Visual Studio Code 現在已被開發為 Flutter 完全支持的開發環境。 除此之外,為 Visual Studio 和 Android Studio 發布的另一個值得注意的值得注意的特性包括大量的重構。 它還包括一個 Extract Widget 重構,它有助於創建新的 Widget 類並在本機位置添加對其構造函數的調用。

對於這個版本以及未來的版本,Google 與 Flutter 和 Material Design 合作,將創新設計的力量帶入 Android 和 iOS 工具包的漂亮 UI 世界。

讓我們更多地了解 Flutter 和 Material Design 的組合。

使用 Material Theming 讓 Flutter 變得更好

Google I/O 2018 會議上關於使用 Flutter 和 Material Design 編寫漂亮的設計的會議首先介紹了哦,當將 Flutter 和 Material Design 結合在一起時,如何創建一個富有表現力、增強的應用程序,並且讓開發人員可以愉快地工作。

雖然 Flutter 已經配備了一個大型的小部件庫,如滾動、容器和列表視圖,這些小部件都是根據 Material Design 的原則設計的,但 Google I/O 2018 這次宣布了 Material Design 的一些新東西——Material Theming。

材料主題有助於在整個移動應用程序設計中應用您的品牌形象。 從形狀、排版到顏色和動畫曲線,一切都可以定制,以匹配確切的品牌外觀。 您可以選擇調色板和排版主題,也可以更改設計形狀以在 Flutter 應用程序中創建自己的主題。

他們進一步宣布,從現在開始,Flutter 將成為 Material Design 的一個平台。 從現在開始,通過材質組件、材質工具套件、材質指南等 iOS、Android、Flutter 和 Web 的文檔。

現在將 Material Design 添加到 Flutter 的原因是,當 Material Design 指南推出時,品牌開始虔誠地遵循和實施它們,這催生了許多外觀相似的應用程序。 為了解決這個問題並在所有 Flutter 應用程序中加入一點個性,谷歌在 Flutter Beta 3 中引入了 Material Theming。

在 Material Design 的支持下,Flutter 應用程序變得富有表現力——具有可定制的佈局、小部件和主題。 增強 - 具有新樣式和組件,如文本字段和背景。 令人愉快——通過提供組件的可擴展性。

使用 Material Design 和 Flutter SDK 的組合,已經在 Android 和 iPhone 上開發和發布了許多應用程序。

瀏覽使用 Flutter 構建的應用程序列表

List of Apps Built With Flutter

  • 阿里巴巴 – 電子商務應用
  • Google AdWords – 廣告活動管理應用
  • AppTree – 企業應用
  • Topline – 娛樂應用
  • Birch Finance – 財務應用
  • 教練自己 - 生活方式應用程序
  • Google Greentea – 企業應用
  • 漢密爾頓音樂劇——娛樂應用
  • Hookle – 社交媒體管理應用
  • OfflinePal – 旅遊應用
  • VivaBem Pol – 健康和福祉應用程序
  • BetaBubs – 即時通訊應用