> **老孟導讀**：昨天期待已久的 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 2**：**Flutter**的重大升級，使開發人員能夠為任何平臺建立美觀，快速且可移植的應用程式。藉助Flutter 2，您可以使用相同的程式碼庫將本機應用程式釋出到五個作業系統：iOS，Android，Windows，macOS和Linux。以及針對Chrome，Firefox，Safari或Edge等瀏覽器的Web體驗。Flutter甚至可以嵌入到汽車，電視和智慧家電中，為環境計算世界提供最普遍和最行動式的體驗。  我們的目標是從根本上改變開發人員對構建應用程式的看法，而不是從您要定位的平臺開始，而要從您要建立的體驗開始。Flutter使您可以在品牌和設計走在前列的情況下，手工創造**美好的**體驗。Flutter**速度很快**，可以將原始碼編譯為機器程式碼，但是由於我們對有狀態的熱重灌的支援，您仍然可以提高**生產力**，允許您在應用程式執行時進行更改並立即檢視結果。Flutter是**開放的**，成千上萬的貢獻者添加了核心框架，並通過軟體包生態系統對其進行了擴充套件。  在[今天釋出的](https://flutter.dev/)Flutter 2中，我們將Flutter從移動框架擴充套件到了**可移植**框架，釋放了您的應用程式，使其可以在各種不同的平臺上執行，而幾乎沒有改變。僅Play商店就已經有**超過15萬個Flutter應用程式**，並且每個應用程式都可以通過Flutter 2免費升級，因為它們現在可以在不重寫的情況下擴充套件到目標桌上型電腦和Web。 來自世界各地的客戶正在使用撲，包括流行的應用程式，如[微信](https://apps.apple.com/us/app/wechat/id414478124)， [Grab](https://play.google.com/store/apps/details?id=com.grabtaxi.passenger), [Yandex Go](https://play.google.com/store/apps/details?id=ru.yandex.taxi), [Nubank](https://play.google.com/store/apps/details?id=com.nu.production), [Sonos](https://apps.apple.com/us/app/sonos/id1488977981), [Fastic](https://apps.apple.com/us/app/fastic-fasting-app/id1459260306), [Betterment](https://play.google.com/store/apps/details?id=com.betterment) and [realtor.com](https://apps.apple.com/US/app/id336698281?mt=8)。在Google，我們依賴Flutter，Google的一千多名工程師正在使用Dart和Flutter構建應用程式。實際上，其中許多產品已經發貨，包括Stadia，Google One和Google Nest Hub。  幾個月前，[Google Pay](https://developers.googleblog.com/2020/09/google-pay-picks-flutter-to-drive-its.html)為其旗艦移動應用程式[改用Flutter](https://developers.googleblog.com/2020/09/google-pay-picks-flutter-to-drive-its.html)，他們已經在生產力和質量上取得了重大進步。通過統一程式碼庫，該團隊消除了平臺之間的功能差異，並消除了超過一百萬行程式碼。Google Pay還報告說，其工程師的效率要高得多，技術債務大大減少，統一發布流程（如跨iOS和Android的安全性審查和試驗）得以實現。 ### Flutter on the web Flutter 2中最大的公告也許是**對Web的生產質量支援。** Web的[早期基礎是以document為中心的](https://tools.ietf.org/html/rfc1866)。但是，Web平臺已發展為包含更豐富的平臺API，這些API支援具有硬體加速的2D和3D圖形以及靈活的佈局和繪畫API的高度複雜的應用程式。Flutter的Web支援基於這些創新，提供了以**應用程式為中心的框架**，該**框架**充分利用了現代Web所提供的所有優勢。 此初始版本特別關注三種應用程式場景： - **漸進式Web應用程式（PWA）**，將Web的訪問範圍與桌面應用程式的功能結合在一起。 - **單頁應用程式（SPA）**，一次載入並與Internet服務之間進行資料傳輸。 - **將現有的Flutter移動應用程式帶到Web上**，從而為兩種體驗啟用共享程式碼。 在過去的幾個月中，在為穩定釋出Web支援做準備的同時，我們在效能優化方面取得了許多進展，添加了一個新的由[WebAssembly](https://webassembly.org/)構建的由[CanvasKit驅動的](https://skia.org/user/modules/canvaskit)渲染引擎。[Flutter Plasma](https://flutterplasma.dev/)是由社群成員[Felix Blaschke](https://felixblaschke.medium.com/)構建的演示，展示了使用Dart和Flutter構建複雜的Web圖形體驗的簡便性，這些體驗也可以在桌面或移動裝置上本地執行。 我們一直在擴充套件Flutter，以提供最佳的Web平臺。最近幾個月，我們添加了文字自動填充功能，對位址列URL和路由的控制以及PWA清單。而且由於桌上型電腦瀏覽器與移動瀏覽器一樣重要，因此我們添加了互動式滾動條和鍵盤快捷鍵，增加了桌上型電腦模式下的預設內容密度，並增加了螢幕閱讀器對Windows，macOS和Chrome OS上可訪問性的支援。 已經提供了使用Flutter構建的Web應用程式的一些示例。在教育工作者中，[iRobot](https://www.irobot.com/)以其流行的[Root教育機器人](https://www.irobot.com/Root)而聞名。Flutter對網路的生產支援使iRobot可以利用其現有的[教育程式設計環境](https://edu.irobot.com/what-we-offer/irobot-coding)並將其移至網路，從而將其可用性擴充套件到Chromebook和其他瀏覽器是最佳選擇的裝置。[iRobot的部落格文章](https://edu.irobot.com/the-latest/building-a-coding-experience-for-all)詳細介紹了迄今為止的進展以及為何選擇Flutter。  另一個例子是Rive，Rive為設計師提供了一個強大的工具，可用於建立可釋出到任何平臺的自定義動畫。他們的[更新後的Web應用程式](https://rive.app/)現已在Beta中提供，完全由Flutter構建，並且是Flutter在此環境中可以提供的所有服務的一封情書。  您可以在我們的Medium出版物上的[專用部落格文章中](https://medium.com/flutter/web-post-d6b84e83b425)找到有關Flutter的更多資訊。 ### 桌上型電腦，可摺疊裝置和嵌入式裝置上的Flutter 2 除了傳統的移動裝置和Web之外，Flutter越來越多地擴充套件到其他裝置型別，我們在今天的主題演講中重點介紹了三個夥伴關係，這些夥伴關係證明了Flutter的便攜性。 首先，**Canonical**與我們合作將Flutter帶入桌面，工程師們貢獻了程式碼來支援Linux上的開發和部署。在今天的活動中，Ubuntu團隊展示了由Flutter重寫的新安裝程式的早期演示。對於Canonical來說，至關重要的是，它們可以在各種硬體配置上提供堅如磐石而又優美的體驗。展望未來，**Flutter是**Canonical建立的未來臺式機和移動應用程式**的預設選擇**。  其次，**微軟**正在繼續擴大對Flutter的支援。除了[正在進行的合作](https://github.com/flutter/flutter/issues/14967#issuecomment-787678757)以在Flutter中提供高質量的Windows支援外，今天微軟還將釋出對Flutter引擎的支援，以支援新興的可摺疊Android裝置。這些裝置引入了新的設計模式，其應用程式可以擴充套件內容或利用雙屏特性提供並行體驗。在[Surface工程團隊](https://aka.ms/flutter-foldable)的[部落格文章中](https://aka.ms/flutter-foldable)，他們展示了他們的工作，並邀請其他人加入他們，共同完成適用於Surface Duo和其他裝置的高質量實現。  最後，世界上最暢銷的汽車製造商**豐田**汽車宣佈了其計劃，通過構建由Flutter提供動力的資訊娛樂系統，將最佳的數字體驗帶入車輛。使用Flutter標誌著與過去開發車載軟體的方式大相徑庭。豐田之所以選擇Flutter，是因為其高效能和經驗的一致性，快速的迭代和開發人員的人機工程學以及智慧手機層的觸控機制。通過使用Flutter的embedder API，Toyota可以針對車載系統的獨特需求量身定製Flutter。  我們很高興繼續與豐田和其他公司合作，將Flutter應用於汽車，電視和其他嵌入式裝置，我們希望在未來幾個月中分享更多示例。 ### 不斷髮展的Flutter生態系統 現在，有超過15,000個Flutter和Dart軟體包：來自[Amazon](https://pub.dev/publishers/aws-amplify.com/packages)，[Microsoft](https://pub.dev/publishers/microsoft.com/packages)，[Adobe](https://pub.dev/publishers/adobe.com/packages)，[Alibaba](https://pub.dev/publishers/community.opensource.alibaba.com/packages)，[eBay](https://pub.dev/publishers/ebay.com/packages)和[Square等公司](https://pub.dev/packages/square_in_app_payments)；到重要的軟體包，如[Lottie](https://pub.dev/packages/lottie)，[Sentry](https://pub.dev/packages/sentry_flutter)和[SVG](https://pub.dev/packages/flutter_svg)，以及[Flutter Favorite](https://flutter.dev/docs/development/packages-and-plugins/favorites)軟體包，如[sign_in_with_apple](https://pub.dev/packages/sign_in_with_apple)，[google_fonts](https://pub.dev/packages/google_fonts)，[geolocator](https://pub.dev/packages/geolocator)和[sqflite](https://pub.dev/packages/sqflite)。 今天，我們宣佈推出[Google移動廣告Flutter](https://pub.dev/packages/google_mobile_ads)的測試版，這是一個可與AdMob和AdManager配合使用的新SDK，可提供多種廣告格式，包括橫幅廣告，插頁式廣告，原生廣告和獎勵視訊廣告。我們一直在與幾個主要客戶一起試用該SDK，例如[SuaMúsica](https://www.suamusica.com.br/)（拉丁美洲最大的獨立藝術家音樂平臺），現在我們準備開放Google移動廣告Flutter SDK以便更廣泛地採用。  我們還將宣佈對[Flutter外掛的一些核心Firebase服務進行更新](https://firebase.flutter.dev/)：身份驗證，Cloud Firestore，Cloud Functions，Cloud Messaging，Cloud Storage和Crashlytics，包括對可靠的null安全性的支援以及對Cloud Messaging軟體包的全面檢查。 ### Dart：Flutter背後的祕密調味料 正如我們已經指出的，Flutter 2可移植到許多不同的平臺和外形上。輕鬆過渡到支援Web，桌面和嵌入式的過程很大程度上要歸功於[Dart](https://dart.dev/)，它是針對多平臺開發進行了優化的Google程式語言。 Dart結合了一套獨特的功能來構建應用程式： - **無意外的可移植性**，其編譯器可為移動和桌上型電腦生成高效能的Intel和ARM機器程式碼，併為網路提供經過嚴格優化的JavaScript輸出。相同的Flutter框架原始碼可編譯到所有這些目標。 - 在桌面和移動裝置上**進行有狀態熱過載的迭代開發**，以及為現代UI程式設計的非同步，併發模式設計的語言構造。 - 在所有這些平臺上的**Google級效能**，可靠的null安全性保證了執行時和開發過程中的null約束。 沒有其他語言可以結合所有這些功能。也許這就是為什麼Dart是[GitHub上發展最快的語言](https://madnight.github.io/githut/#/pull_requests/2020/4)之一的原因。 Dart 2.12現已釋出，是我們自2.0版以來最大的發行版，支援**null安全性**。可靠的null安全性有可能消除可怕的null引用異常，從而在開發和執行時提供了保證，即如果開發人員明確選擇，則型別只能包含null值。最重要的是，此功能不是一項重大更改：您可以按照自己的步調將其逐步新增到程式碼中，並可以使用遷移工具在準備就緒時為您提供幫助。 今天的更新還包括[FFI](https://dart.dev/guides/libraries/c-interop)的[穩定實現](https://dart.dev/guides/libraries/c-interop)，使您可以編寫可與基於C的API互操作的高效能程式碼。用Flutter編寫的[新的整合開發人員和分析器工具](https://flutter.dev/docs/development/tools/devtools/overview)；以及許多效能和大小上的改進，這些改進可以進一步升級程式碼，而無需重新編譯即可。有關更多資訊，請檢視[專用的Dart 2.12公告部落格文章](https://medium.com/dartlang/announcing-dart-2-12-499a6e689c87)。 ### Flutter 2：現已釋出 關於Flutter 2，要說的話遠遠超出了我們在本文中可以涵蓋的範圍。實際上，合併的合併請求的原始列表是一個200頁的文件！請[訪問Flutter 2上的獨立技術部落格，](https://medium.com/flutter/whats-new-in-flutter-2-0-fe8e95ecc65)以獲取有關許多新功能和效能改進的資訊，我們認為這將使現有的Flutter開發人員滿意，並立即下載。  我們還有一個主要的新樣本，它展示了剛才提到的所有內容，該樣本是與[位於](https://gskinner.com/)加拿大埃德蒙頓的屢獲殊榮的設計團隊[gskinner](https://gskinner.com/)合作構建的。[Flutter Folio](https://flutterfolio.com/)是一款剪貼簿應用程式，專為您的所有裝置而設計。小螢幕體驗是專為捕獲內容而設計的；大螢幕支援使用桌上型電腦和平板電腦專用的習慣用法進行編輯；網路體驗是為共享而量身定製的。所有這些量身定製的經驗都共享相同的程式碼庫，該程式碼庫是開源的，可供您閱讀。  如果您還沒有嘗試過Flutter，我們認為您會發現它對您的應用程式開發體驗而言是一次重大升級。在Flutter中，我們提供了一個開放原始碼工具包，用於通過單個程式碼庫構建針對移動，桌上型電腦，Web和嵌入式裝置的美觀而快速的應用程式，這些應用程式既可以滿足Google的苛刻需求，也可以滿足我們客戶的需求。 Flutter是免費的開放原始碼。我們很高興看到*您*使用Flutter 2構建的東西！ ## 交流 老孟Flutter部落格（330個控制元件用法+實戰入門系列文章）：[http://laomengit.com](http://laomengit.com) 新增微信或者公眾號領取 《330個控制元件大全》和 《Flutter 實戰》PDF。 歡迎加入Flutter交流群（微信：laomengit）、關注公眾號【老孟Flutter】： | | | | ------------------------------------------------ | ------------------------------------------------ | |  | ![](https://img2020.cnblogs.com/other/467322/202103/467322-20210304231727648-503937488