作者 / Google 開發(fā)者框架和語言 (含 Flutter、Dart 和 Go) 產(chǎn)品經(jīng)理/用戶體驗總監(jiān) Tim Sneath

今年的 Google I/O 大會在位于加利福尼亞州山景城的總部附近舉辦，我們懷著無比激動的心情面向全球直播了這場盛會！

就在三個多月前，我們在肯尼亞內(nèi)羅畢舉行的 Flutter Forward 大會上為 Flutter 和 Dart 推出了一個大膽的新路線圖。在此次 I/O 大會上，我們將通過介紹四個主題領(lǐng)域的最新動態(tài)，來分享我們在實現(xiàn)這一愿景方面取得的進(jìn)展，這四個主題分別為: 突破性的圖形性能、與 Web 應(yīng)用和平臺的無縫集成、對新興架構(gòu)的支持，以及對開發(fā)者體驗的關(guān)注。

您可能已經(jīng)了解到，F(xiàn)lutter 是一個界面工具包，它讓應(yīng)用開發(fā)者只需編寫一套代碼，即可構(gòu)建移動應(yīng)用、Web 應(yīng)用、桌面應(yīng)用和嵌入式設(shè)備應(yīng)用。您可以使用 Flutter 構(gòu)建精致美觀的應(yīng)用，完全掌控屏幕上的每一個像素。Flutter 具有如下獨特優(yōu)勢:

• 快速。支持硬件加速圖形和原生編譯的機(jī)器代碼，可充分利用設(shè)備的各種功能。

• 高效。支持有狀態(tài)熱重載等技術(shù)，讓您可立即看到代碼更改在應(yīng)用中的實際效果。

• 可移植。使用一套源代碼即可部署到多種平臺，而不會出現(xiàn)意外情況。

• 開源。它是一個完全開源的工具包，您無需支付許可費，也不用為相關(guān)開發(fā)工具付費。

Flutter 持續(xù)發(fā)展

在 Google 乃至整個行業(yè)中，F(xiàn)lutter 的使用量都在持續(xù)增長。在 Google，我們的團(tuán)隊已經(jīng)在移動、Web 和桌面平臺上部署了 Flutter 應(yīng)用，示例包括:

• Android 的最新應(yīng)用 "Nearby Share" 適配 Windows。這款應(yīng)用使用 Flutter 構(gòu)建，允許在 Windows 和 Android 設(shè)備之間無線分享照片和文檔:

  https://www.android.com/better-together/nearby-share-app/

• 全新的 Play 管理中心應(yīng)用。這款應(yīng)用目前已發(fā)布公開 Beta 版，開發(fā)者可以通過它查看應(yīng)用統(tǒng)計信息并回復(fù)應(yīng)用評價:

  https://play.google.com/store/apps/details?id=com.google.android.apps.playconsole

• Google Cloud 移動應(yīng)用。這款應(yīng)用讓您可以通過全新的 Flutter 賦能體驗來監(jiān)控自己的服務(wù):

  https://cloud.google.com/blog/products/management-tools/google-cloud-mobile-app-with-uptime-checks

• Google 課堂練習(xí)集。這是一款在線新工具，用于創(chuàng)建和分發(fā)交互式作業(yè)，為學(xué)生提供實時反饋和幫助:

  https://workspaceupdates.googleblog.com/2023/04/practice-sets-for-google-classroom.html

我們在 Flutter Forward 大會上宣布團(tuán)隊正在使用 Flutter 構(gòu)建新版本的 Google 課堂移動應(yīng)用。新版本現(xiàn)已開始在 iOS 上推出，Android 應(yīng)用更新版本中的新功能也即將推出。此版本的 Google 課堂使用最新的 Flutter 技術(shù)，包括我們最新的 Impeller 圖形渲染引擎，可保證界面快速響應(yīng)、不卡頓。

• 我們在 Flutter Forward 大會上宣布

  https://www.youtube.com/watch?v=JVJF_M9bgj4

通過在 Flutter 中重寫 Google 課堂，我們提升了 Google 課堂的性能。該應(yīng)用的新版本比舊版本的冷啟動時間更短，您可以觀看下面這則對比視頻了解詳情:

我們正在持續(xù)投入資源開發(fā) package，以便將您的 Flutter 應(yīng)用運用到 Google 開發(fā)者生態(tài)系統(tǒng)的其他方面。這包括對原生廣告的 Google Ads 支持進(jìn)行了重大更新；新增了 Firebase 對 Windows 平臺的支持，并改善了 Firebase 對 Web 的支持；同時還新增了對更深入的 Android 互操作性的實驗性支持。

• Google Ads 支持https://medium.com/flutter/2023-google-mobile-ads-updates-for-flutter-16b603df9ec9
• 新增了 Firebase 對 Windows 平臺的支持，并改善了 Firebase 對 Web 的支持https://github.com/firebase/flutterfire
• 更深入的 Android 互操作性https://io.google/2023/program/2f02692d-9a41-49c0-8786-1a22b7155628/

由于 Flutter 支持在六大平臺 (Android、iOS、Web、Windows、macOS 和 Linux)上使用，現(xiàn)在已有超過一百萬款已發(fā)布的應(yīng)用在使用 Flutter。這些應(yīng)用來自世界各地，從法國鐵路的火車旅行應(yīng)用 SNCF Connect 到 Apple App of the Day 獲獎應(yīng)用 SO VEGAN；從 Rive 開發(fā)的用于創(chuàng)建動畫圖形的超快桌面應(yīng)用到培養(yǎng)親密關(guān)系的 Agapé 移動和平板電腦應(yīng)用；從采用全新設(shè)計的精美 Global Citizen 應(yīng)用到最新的 Ubuntu Linux 安裝程序，種類繁多。很高興這些應(yīng)用讓 Flutter 的價值得到了證明！

• SNCF Connecthttps://play.google.com/store/apps/details?id=com.vsct.vsc.mobile.horaireetresa.android&hl=en_US&gl=US
• SO VEGANhttps://apps.apple.com/us/app/so-vegan/id1572826611
• Rive 開發(fā)的用于創(chuàng)建動畫圖形的超快桌面應(yīng)用https://rive.app/downloads
• Agapéhttps://www.getdailyagape.com/
• 采用全新設(shè)計的精美 Global Citizen 應(yīng)用https://www.globalcitizen.org/en/content/new-global-citizen-app-impact-activism-every-day/
• 最新的 Ubuntu Linux 安裝程序https://9to5linux.com/first-look-at-ubuntu-23-04s-brand-new-desktop-installer-written-in-flutter

Impeller 帶來的突破性圖形性能

我們期待通過 Flutter 為開發(fā)者和設(shè)計人員提供強(qiáng)大的功能，以實現(xiàn)令人驚嘆的圖形體驗。在過去的幾年里，我們一直在重建圖形渲染架構(gòu)以提高速度和性能，現(xiàn)在終于取得了成果，我們將這款新引擎命名為 Impeller。

"我們期待通過 Flutter 為開發(fā)者和設(shè)計人員提供強(qiáng)大的功能，從而實現(xiàn)令人驚嘆的圖形體驗。"

自從在 iOS 上引入 Impeller 以來，我們不斷擴(kuò)大測試范圍并加深與早期采納者的合作，以驗證生產(chǎn)質(zhì)量并進(jìn)一步調(diào)整性能。隨著現(xiàn)下 Flutter 3.10 的發(fā)布，我們很高興地宣布: Impeller 現(xiàn)在將在 iOS 設(shè)備上默認(rèn)開啟，只需遷移到最新版本的 Flutter 即可大幅提升應(yīng)用的性能。

• Impeller 現(xiàn)在將在 iOS 設(shè)備上默認(rèn)開啟

  https://github.com/flutter/flutter/issues/122223

與此同時，我們也將注意力轉(zhuǎn)向為 Android 應(yīng)用添加預(yù)覽支持。正如 iOS 上的 Impeller 使用底層 Metal API 一樣，Android 的 Impeller 實現(xiàn)建立在 Vulkan 之上。Vulkan 可提供低階 API 以在底層圖形硬件上進(jìn)行快速渲染。雖然絕大多數(shù)現(xiàn)代 Android 設(shè)備都支持 Vulkan，但我們?nèi)詫⒅С州^舊設(shè)備機(jī)型的向后兼容模式。我們將在即將發(fā)布的博文中分享適用于 Android 的 Impeller 的早期預(yù)覽版，以及有關(guān) Impeller 技術(shù)基礎(chǔ)的更多詳細(xì)信息。

• Vulkan

  https://www.vulkan.org/

• 現(xiàn)代 Android 設(shè)備

  https://developer.android.google.cn/about/dashboards#Vulkan

與 Web 應(yīng)用的無縫集成

正如我們在 Flutter Forward 大會上介紹的那樣，我們的目標(biāo)與大多數(shù)現(xiàn)有的 Web 框架有所不同。我們?yōu)?Web 構(gòu)建的 Flutter 的實現(xiàn)方式表明，F(xiàn)lutter 明顯不是為了設(shè)計成通用的 Web 框架。已經(jīng)有很多現(xiàn)有的 Web 框架，如 Angular 和 React，在這一領(lǐng)域表現(xiàn)的非常出色。然而，F(xiàn)lutter 是第一個圍繞 CanvasKit 和 WebAssembly (這兩個技術(shù)特別適合用于打造復(fù)雜的應(yīng)用體驗) 等新興 Web 技術(shù)進(jìn)行架構(gòu)設(shè)計的框架。

• CanvasKit

  https://skia.org/docs/user/modules/canvaskit/

• WebAssembly

  https://webassembly.org/

"Flutter 是第一個圍繞 CanvasKit 和 WebAssembly 等新興網(wǎng)絡(luò)技術(shù)進(jìn)行架構(gòu)設(shè)計的框架。"

自最初 Flutter 推出 Windows 平臺支持以來，我們一直在努力提高其性能、可用性和互操作性。

影響感知性能的一個主要因素是加載時間，即從用戶請求頁面到頁面可交互所用的時間間隔。在此版本中，我們?nèi)〉昧孙w躍性的進(jìn)展，這要歸功于在所有瀏覽器上縮減了 CanvasKit 的大小，并對基于 Chromium 的瀏覽器進(jìn)行了其他方面的優(yōu)化。在 Flutter 3.10 中，CanvasKit 的大小縮減到 1.5MB (之前版本中的大小為 2.7MB)。圖標(biāo)字體也去除了未使用的字形，在大多數(shù)情況下，其大小縮減至原來的百分之一。得益于這些優(yōu)化，我們使用模擬數(shù)據(jù)線連接將默認(rèn)計數(shù)器應(yīng)用的加載時間縮短了 42%。

正如 Flutter Forward 大會上預(yù)告的那樣，我們現(xiàn)在支持在現(xiàn)有 HTML 網(wǎng)頁中嵌入 Flutter 內(nèi)容，而不是讓 Flutter 占據(jù)整個頁面。此外，F(xiàn)lutter 也不需要使用內(nèi)嵌框架。在 Flutter 3.10 中，我們引入了元素嵌入功能。借助該功能，您可以像在頁面上集成任何其他 CSS 元素一樣集成 Flutter 內(nèi)容。例如，您可以應(yīng)用復(fù)雜的 CSS 過渡和轉(zhuǎn)換。若想開始體驗，不妨試試這些使用 JavaScript 或?qū)?Flutter 封裝在 Angular 組件中的示例應(yīng)用。

• 支持在現(xiàn)有 HTML 網(wǎng)頁中嵌入 Flutter 內(nèi)容

  https://flutter-forward-demos.web.app/#/

• JavaScript

  https://github.com/flutter/samples/tree/main/web_embedding/element_embedding_demo

• Angular 組件

  https://github.com/flutter/samples/tree/main/web_embedding/ng-flutter

Flutter 3.10 繼續(xù)專注于發(fā)展突破性的圖形性能，還支持 Web 上的 fragment 著色器。自定義著色器可用于提供超出 Flutter SDK 所提供的豐富圖形效果。著色器是一種使用類似于 Dart 的小型語言 (稱為 GLSL) 編寫的程序，它會在用戶的 GPU 上執(zhí)行。如需了解更多信息，請查看我們關(guān)于著色器的文檔以及新發(fā)布的 Codelab。

• fragment 著色器https://docs.flutter.dev/development/ui/advanced/shaders
• GLSLhttps://www.khronos.org/opengl/wiki/Core_Language_(GLSL)
• 關(guān)于著色器的文檔https://docs.flutter.dev/ui/advanced/shaders
• 新發(fā)布的 Codelabhttps://codelabs.developers.google.com/codelabs/flutter-next-gen-uis#0

借助 WebAssembly 實現(xiàn)對新架構(gòu)的早期支持

WebAssembly (通常縮寫為 Wasm) 作為適用于現(xiàn)代瀏覽器而無關(guān)平臺的二進(jìn)制指令格式已經(jīng)日漸成熟。在 Web 應(yīng)用上，F(xiàn)lutter 一直使用 Wasm 來分發(fā) CanvasKit 運行時，而 Dart 框架和應(yīng)用代碼歷來都被編譯為 JavaScript。我們將感興趣的目標(biāo)從 JavaScript 轉(zhuǎn)向 Wasm 已經(jīng)有一段時間了。然而，直到最近，Wasm 仍然缺乏對 Dart 等垃圾回收語言的原生支持。

• WebAssemblyhttps://webassembly.org/
• 現(xiàn)代瀏覽器https://caniuse.com/wasm

因此，在過去的一年里，我們與 WebAssembly 生態(tài)系統(tǒng)中的多個團(tuán)隊合作，將垃圾回收引入標(biāo)準(zhǔn)之中。這是通過名為 WasmGC 的新擴(kuò)展程序?qū)崿F(xiàn)的，該擴(kuò)展程序現(xiàn)在在基于 Chromium 的瀏覽器和 Firefox 瀏覽器中具有近乎穩(wěn)定的實現(xiàn)。

• WasmGC

  https://github.com/WebAssembly/gc/blob/main/proposals/gc/Overview.md

WebAssembly 具有將原生代碼的性能帶到 Web 的潛力，這一點讓我們興奮不已。Dart 的 JavaScript 編譯器已在 Google 的數(shù)百萬行代碼中使用，已經(jīng)生成了執(zhí)行速度快、優(yōu)化良好的 JavaScript。然而，切換到 Wasm 將為我們提供原生代碼的效率和 JavaScript 的可移植性，這將進(jìn)一步提高我們在 Web 上的性能。在一些早期的基準(zhǔn)測試中，我們看到執(zhí)行速度提高到原來的 3 倍，而執(zhí)行速度的提升會轉(zhuǎn)化為更豐富的基于 Web 的體驗。此外，借助 Wasm 我們能夠與用其他語言 (如 Kotlin 和 C++) 編寫的代碼更輕松地集成在一起。

"WebAssembly 具有將原生代碼的性能帶到 Web 的潛力，這一點讓我們興奮不已。"

在翹首以盼瀏覽器支持變得更加普遍的同時，我們在預(yù)發(fā)布渠道中引入了對將 Flutter 應(yīng)用編譯為 WebAssembly 的預(yù)覽支持。我們希望您能在自己的應(yīng)用中試用該功能，并盡早與我們分享反饋。如需了解詳情，您可以訪問 flutter.dev/wasm:

https://flutter.dev/wasm

對開發(fā)者體驗的持續(xù)關(guān)注

一方面我們希望通過前面列出的突破性的圖形性能和更豐富的網(wǎng)絡(luò)支持讓更多用戶滿意，另一方面我們也在這個版本中為提升開發(fā)者的速度和效率進(jìn)行了許多改進(jìn)。并且我們詳細(xì)的技術(shù)文檔記錄了對 Flutter 本身的數(shù)百項改進(jìn)，這將引起目前 Flutter 開發(fā)者的極大興趣。

• 我們詳細(xì)的技術(shù)文檔記錄了對 Flutter 本身的數(shù)百項改進(jìn)https://medium.com/flutter/whats-new-in-flutter-3-10-b21db2c38c73

但在這個版本中，對核心開發(fā)者體驗最顯著的改進(jìn)是發(fā)布了 Dart 3，包含在 Flutter 3.10 中。

• Dart 3https://dart.cn

Dart 3 完成了為 Dart 生態(tài)系統(tǒng)帶來可靠的空安全 (null safety) 的漫長旅程。編寫空安全代碼可以防止因未經(jīng)檢查就使用未初始化的值而產(chǎn)生的一整類編程 bug。雖然我們從 Dart 2.0 開始就支持空安全代碼，但現(xiàn)在已經(jīng)關(guān)閉了傳統(tǒng)的 "不安全" 模式。作為一個生態(tài)系統(tǒng)，我們已經(jīng)為此準(zhǔn)備了一段時間，排名前 1,000 的 packages 中有 99% 都支持空安全，現(xiàn)在是進(jìn)行過渡的最佳時機(jī)。

"Dart 3 完成了為 Dart 生態(tài)系統(tǒng)帶來可靠的空安全的漫長旅程。"

Dart 3 引入了許多其他新功能，包括記錄、模式和類修飾符，這將提高 Dart 代碼的可讀性和流暢性。歡迎前往 Dart 3 博客，了解更多信息和示例。Flutter 本身已經(jīng)在利用這些新的 Dart 3 功能，因此隨著這些功能的推出，您會看到我們自己的代碼庫得到了改進(jìn)。我們相信您會喜歡在自己的代碼中使用這些功能。

• Dart 3 博客https://medium.com/dartlang/announcing-dart-3-53f065a10635

SLSA 和軟件供應(yīng)鏈安全

在當(dāng)今時代，我們不得不采取措施來防止對關(guān)鍵軟件基礎(chǔ)設(shè)施的威脅。因此，除了前面列出的功能外，我們的工程團(tuán)隊還將安全方面的投入列為今年的工作重點。這項投入涵蓋安全測試、自動化和供應(yīng)鏈安全。

• 今年的工作重點https://medium.com/flutter/flutter-in-2023-strategy-and-roadmap-60efc8d8b0c7

"我們的團(tuán)隊已將安全方面的投入列為工作重點。"

我們將通過開展以下工作，進(jìn)一步增強(qiáng)企業(yè)采用 Flutter 的信心:

• 開源安全基金會 (OpenSSF) 最佳實踐計劃是幫助項目遵守安全和漏洞管理最佳實踐的實用基準(zhǔn)。很高興地宣布，我們已經(jīng)達(dá)成了這個計劃合格水平的全部合格要求，并繼續(xù)努力朝著符合白銀級和黃金級標(biāo)準(zhǔn)的方向前進(jìn)。

• Flutter 還在所有 Flutter 關(guān)鍵庫上啟用了 OpenSSF Scorecards 和 Dependabot。OpenSSF Scorecards 是一種靜態(tài)分析工具，用于檢查您的庫對最佳實踐的遵守程度，并在這些實踐沒有被遵守時發(fā)現(xiàn)問題。Dependabot 可監(jiān)控項目依賴項中是否存在漏洞，并創(chuàng)建拉取請求以便在必要時更新它們。利用這些工具，F(xiàn)lutter 團(tuán)隊已經(jīng)在我們的網(wǎng)站和 Codelab 中發(fā)現(xiàn)并解決了 300 多個漏洞。

• Flutter 和 Dart SDK 以及這些 SDK 的發(fā)布工作流程最近已達(dá)到 SLSA L1 等級。SLSA (軟件制品的供應(yīng)鏈等級) 框架可幫助開源項目保持強(qiáng)大的供應(yīng)鏈安全性。達(dá)到 SLSA L1 等級是朝著保護(hù) Flutter 開發(fā)者日常使用的工具邁出的重要一步。

• 最后，我們對基礎(chǔ)架構(gòu)進(jìn)行了多項安全改進(jìn)，包括遷移到更安全的構(gòu)建和測試環(huán)境，同時限制對這些環(huán)境的訪問。此外，我們還改進(jìn)了 Flutter 框架和引擎工件的日志記錄和審核功能，為我們的工件提供了卓越的保護(hù)。這些改進(jìn)讓 Flutter 團(tuán)隊更深入地了解我們生成的工件在構(gòu)建流程中的處理方式。

• 最佳實踐計劃

  https://bestpractices.coreinfrastructure.org/en

• 全部合格要求

  https://bestpractices.coreinfrastructure.org/en/projects/5631

• 白銀級

  https://bestpractices.coreinfrastructure.org/en/projects/5631?criteria_level=1

• 黃金級

  https://bestpractices.coreinfrastructure.org/en/projects/5631?criteria_level=2

• OpenSSF Scorecards

  https://securityscorecards.dev/

• Dependabot

  https://github.com/dependabot/dependabot-core

• SLSA L1

  https://slsa.dev/spec/v1.0/levels#build-l1

一個凝聚了開發(fā)者全員智慧的開源項目

此版本中還包含數(shù)以千計的其他更新，我們希望這些內(nèi)容會讓現(xiàn)有的 Flutter 開發(fā)者滿意。但值得注意的是，這些貢獻(xiàn)者中有相當(dāng)一部分是 Google 以外的開發(fā)者，貢獻(xiàn)內(nèi)容包括開發(fā)新功能；改進(jìn)文檔；開發(fā)軟件包，將 Flutter 擴(kuò)展到我們從未想象到的領(lǐng)域；提交可重現(xiàn)的問題報告和功能請求，為我們提供了有關(guān)如何改進(jìn) Flutter 的新視角。

Flutter 不只是一個 Google 項目，而是一個全員參與的項目。我們非常感謝社區(qū)的多樣性和熱情參與，讓 Flutter 蛻變至此。很高興能與您一起完成這一使命，F(xiàn)lutter 將邁向更加光明的未來！

Betterment 開發(fā)者故事: 使用 Flutter 規(guī)模化構(gòu)建理財應(yīng)用

?點擊屏末|閱讀原文|即刻訪問 Flutter 開發(fā)者社區(qū)中文資源