【老孟Flutter】Flutter 2.0 重磅更新

老孟Flutter發表於2021-03-04

老孟導讀:昨天期待已久的 Flutter 2.0 終於釋出了,Web 端終於提正了,春季期間我釋出的一篇文章,其中的一個預測就是 Web 正式釋出,已經實現了,還有一個預測是:2021年將是 Flutter 大躍進的一年,等今年你年底總結的時候,讓我們在來驗證下這個預測是否應驗

後面幾天會陸續釋出 Flutter 2.0 更新更加詳細的內容更新,敬請關注。

下面就讓我們看看 Flutter 2.0 都有哪些重磅更新,原文連結:https://developers.googleblog.com/2021/03/announcing-flutter-2.html

我們針對Web,移動端和桌上型電腦構建的下一代Flutter

今天,我們宣佈Flutter 2Flutter的重大升級,使開發人員能夠為任何平臺建立美觀,快速且可移植的應用程式。藉助Flutter 2,您可以使用相同的程式碼庫將本機應用程式釋出到五個作業系統:iOS,Android,Windows,macOS和Linux。以及針對Chrome,Firefox,Safari或Edge等瀏覽器的Web體驗。Flutter甚至可以嵌入到汽車,電視和智慧家電中,為環境計算世界提供最普遍和最行動式的體驗。

我們的目標是從根本上改變開發人員對構建應用程式的看法,而不是從您要定位的平臺開始,而要從您要建立的體驗開始。Flutter使您可以在品牌和設計走在前列的情況下,手工創造美好的體驗。Flutter速度很快,可以將原始碼編譯為機器程式碼,但是由於我們對有狀態的熱重灌的支援,您仍然可以提高生產力,允許您在應用程式執行時進行更改並立即檢視結果。Flutter是開放的,成千上萬的貢獻者新增了核心框架,並通過軟體包生態系統對其進行了擴充套件。

今天釋出的Flutter 2中,我們將Flutter從移動框架擴充套件到了可移植框架,釋放了您的應用程式,使其可以在各種不同的平臺上執行,而幾乎沒有改變。僅Play商店就已經有超過15萬個Flutter應用程式,並且每個應用程式都可以通過Flutter 2免費升級,因為它們現在可以在不重寫的情況下擴充套件到目標桌上型電腦和Web。

來自世界各地的客戶正在使用撲,包括流行的應用程式,如微信Grab, Yandex Go, Nubank, Sonos, Fastic, Betterment and realtor.com。在Google,我們依賴Flutter,Google的一千多名工程師正在使用Dart和Flutter構建應用程式。實際上,其中許多產品已經發貨,包括Stadia,Google One和Google Nest Hub。

幾個月前,Google Pay為其旗艦移動應用程式改用Flutter,他們已經在生產力和質量上取得了重大進步。通過統一程式碼庫,該團隊消除了平臺之間的功能差異,並消除了超過一百萬行程式碼。Google Pay還報告說,其工程師的效率要高得多,技術債務大大減少,統一發布流程(如跨iOS和Android的安全性審查和試驗)得以實現。

Flutter on the web

Flutter 2中最大的公告也許是對Web的生產質量支援。

Web的早期基礎是以document為中心的。但是,Web平臺已發展為包含更豐富的平臺API,這些API支援具有硬體加速的2D和3D圖形以及靈活的佈局和繪畫API的高度複雜的應用程式。Flutter的Web支援基於這些創新,提供了以應用程式為中心的框架,該框架充分利用了現代Web所提供的所有優勢。

此初始版本特別關注三種應用程式場景:

  • 漸進式Web應用程式(PWA),將Web的訪問範圍與桌面應用程式的功能結合在一起。
  • 單頁應用程式(SPA),一次載入並與Internet服務之間進行資料傳輸。
  • 將現有的Flutter移動應用程式帶到Web上,從而為兩種體驗啟用共享程式碼。

在過去的幾個月中,在為穩定釋出Web支援做準備的同時,我們在效能優化方面取得了許多進展,新增了一個新的由WebAssembly構建的由CanvasKit驅動的渲染引擎。Flutter Plasma是由社群成員Felix Blaschke構建的演示,展示了使用Dart和Flutter構建複雜的Web圖形體驗的簡便性,這些體驗也可以在桌面或移動裝置上本地執行。

我們一直在擴充套件Flutter,以提供最佳的Web平臺。最近幾個月,我們新增了文字自動填充功能,對位址列URL和路由的控制以及PWA清單。而且由於桌上型電腦瀏覽器與移動瀏覽器一樣重要,因此我們新增了互動式滾動條和鍵盤快捷鍵,增加了桌上型電腦模式下的預設內容密度,並增加了螢幕閱讀器對Windows,macOS和Chrome OS上可訪問性的支援。

已經提供了使用Flutter構建的Web應用程式的一些示例。在教育工作者中,iRobot以其流行的Root教育機器人而聞名。Flutter對網路的生產支援使iRobot可以利用其現有的教育程式設計環境並將其移至網路,從而將其可用性擴充套件到Chromebook和其他瀏覽器是最佳選擇的裝置。iRobot的部落格文章詳細介紹了迄今為止的進展以及為何選擇Flutter。

另一個例子是Rive,Rive為設計師提供了一個強大的工具,可用於建立可釋出到任何平臺的自定義動畫。他們的更新後的Web應用程式現已在Beta中提供,完全由Flutter構建,並且是Flutter在此環境中可以提供的所有服務的一封情書。

您可以在我們的Medium出版物上的專用部落格文章中找到有關Flutter的更多資訊。

桌上型電腦,可摺疊裝置和嵌入式裝置上的Flutter 2

除了傳統的移動裝置和Web之外,Flutter越來越多地擴充套件到其他裝置型別,我們在今天的主題演講中重點介紹了三個夥伴關係,這些夥伴關係證明了Flutter的便攜性。

首先,Canonical與我們合作將Flutter帶入桌面,工程師們貢獻了程式碼來支援Linux上的開發和部署。在今天的活動中,Ubuntu團隊展示了由Flutter重寫的新安裝程式的早期演示。對於Canonical來說,至關重要的是,它們可以在各種硬體配置上提供堅如磐石而又優美的體驗。展望未來,Flutter是Canonical建立的未來桌上型電腦和移動應用程式的預設選擇

其次,微軟正在繼續擴大對Flutter的支援。除了正在進行的合作以在Flutter中提供高質量的Windows支援外,今天微軟還將釋出對Flutter引擎的支援,以支援新興的可摺疊Android裝置。這些裝置引入了新的設計模式,其應用程式可以擴充套件內容或利用雙屏特性提供並行體驗。在Surface工程團隊部落格文章中,他們展示了他們的工作,並邀請其他人加入他們,共同完成適用於Surface Duo和其他裝置的高質量實現。

最後,世界上最暢銷的汽車製造商豐田汽車宣佈了其計劃,通過構建由Flutter提供動力的資訊娛樂系統,將最佳的數字體驗帶入車輛。使用Flutter標誌著與過去開發車載軟體的方式大相徑庭。豐田之所以選擇Flutter,是因為其高效能和經驗的一致性,快速的迭代和開發人員的人機工程學以及智慧手機層的觸控機制。通過使用Flutter的embedder API,Toyota可以針對車載系統的獨特需求量身定製Flutter。

我們很高興繼續與豐田和其他公司合作,將Flutter應用於汽車,電視和其他嵌入式裝置,我們希望在未來幾個月中分享更多示例。

不斷髮展的Flutter生態系統

現在,有超過15,000個Flutter和Dart軟體包:來自AmazonMicrosoftAdobeAlibabaeBaySquare等公司;到重要的軟體包,如LottieSentrySVG,以及Flutter Favorite軟體包,如sign_in_with_applegoogle_fontsgeolocatorsqflite

今天,我們宣佈推出Google移動廣告Flutter的測試版,這是一個可與AdMob和AdManager配合使用的新SDK,可提供多種廣告格式,包括橫幅廣告,插頁式廣告,原生廣告和獎勵視訊廣告。我們一直在與幾個主要客戶一起試用該SDK,例如SuaMúsica(拉丁美洲最大的獨立藝術家音樂平臺),現在我們準備開放Google移動廣告Flutter SDK以便更廣泛地採用。

我們還將宣佈對Flutter外掛的一些核心Firebase服務進行更新:身份驗證,Cloud Firestore,Cloud Functions,Cloud Messaging,Cloud Storage和Crashlytics,包括對可靠的null安全性的支援以及對Cloud Messaging軟體包的全面檢查。

Dart:Flutter背後的祕密調味料

正如我們已經指出的,Flutter 2可移植到許多不同的平臺和外形上。輕鬆過渡到支援Web,桌面和嵌入式的過程很大程度上要歸功於Dart,它是針對多平臺開發進行了優化的Google程式語言。

Dart結合了一套獨特的功能來構建應用程式:

  • 無意外的可移植性,其編譯器可為移動和桌上型電腦生成高效能的Intel和ARM機器程式碼,併為網路提供經過嚴格優化的JavaScript輸出。相同的Flutter框架原始碼可編譯到所有這些目標。
  • 在桌面和移動裝置上進行有狀態熱過載的迭代開發,以及為現代UI程式設計的非同步,併發模式設計的語言構造。
  • 在所有這些平臺上的Google級效能,可靠的null安全性保證了執行時和開發過程中的null約束。

沒有其他語言可以結合所有這些功能。也許這就是為什麼Dart是GitHub上發展最快的語言之一的原因。

Dart 2.12現已釋出,是我們自2.0版以來最大的發行版,支援null安全性。可靠的null安全性有可能消除可怕的null引用異常,從而在開發和執行時提供了保證,即如果開發人員明確選擇,則型別只能包含null值。最重要的是,此功能不是一項重大更改:您可以按照自己的步調將其逐步新增到程式碼中,並可以使用遷移工具在準備就緒時為您提供幫助。

今天的更新還包括FFI穩定實現,使您可以編寫可與基於C的API互操作的高效能程式碼。用Flutter編寫的新的整合開發人員和分析器工具;以及許多效能和大小上的改進,這些改進可以進一步升級程式碼,而無需重新編譯即可。有關更多資訊,請檢視專用的Dart 2.12公告部落格文章

Flutter 2:現已釋出

關於Flutter 2,要說的話遠遠超出了我們在本文中可以涵蓋的範圍。實際上,合併的合併請求的原始列表是一個200頁的文件!請訪問Flutter 2上的獨立技術部落格,以獲取有關許多新功能和效能改進的資訊,我們認為這將使現有的Flutter開發人員滿意,並立即下載。

我們還有一個主要的新樣本,它展示了剛才提到的所有內容,該樣本是與位於加拿大埃德蒙頓的屢獲殊榮的設計團隊gskinner合作構建的。Flutter Folio是一款剪貼簿應用程式,專為您的所有裝置而設計。小螢幕體驗是專為捕獲內容而設計的;大螢幕支援使用桌上型電腦和平板電腦專用的習慣用法進行編輯;網路體驗是為共享而量身定製的。所有這些量身定製的經驗都共享相同的程式碼庫,該程式碼庫是開源的,可供您閱讀。

如果您還沒有嘗試過Flutter,我們認為您會發現它對您的應用程式開發體驗而言是一次重大升級。在Flutter中,我們提供了一個開放原始碼工具包,用於通過單個程式碼庫構建針對移動,桌上型電腦,Web和嵌入式裝置的美觀而快速的應用程式,這些應用程式既可以滿足Google的苛刻需求,也可以滿足我們客戶的需求。

Flutter是免費的開放原始碼。我們很高興看到使用Flutter 2構建的東西!

交流

部落格中領取 《330個控制元件大全》和 《Flutter 實戰》PDF。地址:laomengit.com

相關文章