一起看 I/O | Flutter 3 更新詳解

作者 / Kevin Jamaul Chisholm, Technical Program Manager for Dart and Flutter at Google

又到了 Flutter 穩定版釋出時間，我們無比自豪地宣佈推出 Flutter 3 ！僅 3 個月前，我們宣佈了 Flutter 對 Windows 的支援。現在，我們再次懷著激動的心情宣佈，繼 Windows 之後，Flutter 現已穩定支援 macOS 和 Linux！

我們總計合併了 5,248 條 PR，感謝各位 Flutter 貢獻者的辛勤工作！

此版本中激動人心的升級包括: 更新了 Flutter 對 macOS 和 Linux 的支援，效能得到了顯著提升，針對移動裝置和 web 端的更新，以及諸多其他功能！此外，我們還帶來了關於減少對舊版 Windows 提供支援的訊息，以及幾條重大變更。下面讓我們直奔主題吧！

全桌面平臺生產就緒

Linux 和 macOS 平臺的支援已進入穩定狀態，內含下列功能:

級聯選單和 macOS 系統選單欄支援

現在您可以使用 PlatformMenuBar widget 在 macOS 上建立平臺渲染的選單欄，支援插入僅限該平臺使用的選單，並控制 macOS 應用選單中的顯示內容。

△ 級聯選單示意

完整支援全桌面平臺多國文字輸入

全部三種桌面平臺完整支援多國文字輸入，包括使用文字輸入法編輯器 (IME) 的語言，如中文、日文和韓文。同時支援第三方輸入法，如搜狗 (Sogou)、谷歌日文輸入法 (Google Japanese Input) 等。

全桌面平臺無障礙服務

Flutter 支援 Windows、macOS 和 Linux 平臺的無障礙服務，包括螢幕文字閱讀、無障礙導航和顏色反轉等。

macOS 平臺預設使用通用二進位制檔案

在 Flutter 3 中，Flutter macOS 桌面應用會被構建為通用二進位制檔案，從而原生支援使用 Intel 處理器的 Mac 電腦和搭載 Apple Silicon 的新裝置。

不再支援使用 Windows 7/8 進行開發

此版本將建議的 Windows 開發版本提升為 Windows 10。雖然我們不會禁止使用舊版本 (Windows 7、Windows 8、Windows 8.1) 進行開發，但由於 Microsoft 不再支援這些舊版本，我們僅會針對這些版本提供有限的測試。儘管我們會盡力為舊版本提供支援，但還是建議您升級版本。

注意: 在 Windows 7 和 8 上依然可以執行 Flutter 應用，此更改隻影響我們推薦使用的開發環境。

行動端更新

我們針對行動端的更新包括:

支援可摺疊裝置

Flutter 3 支援可摺疊移動裝置。通過由 Microsoft 牽頭的合作，讓大家可以使用新的功能和 widget 在可摺疊裝置上建立動感、愉悅的體驗。

作為合作的一部分，MediaQuery 現在包含一個 DisplayFeature 列表，用以描述裝置元件狀態，包括鉸鏈、摺疊狀態和螢幕劉海等。此外，DisplayFeatureSubScreen widget 包含的子 widget 的位置現在不會與 DisplayFeature 的邊界重疊，並且已經用於框架的預設對話方塊和彈出視窗，使 Flutter 預設即可動態適應這些元素的位置。

非常感謝 Microsoft 團隊。另外我們還要特別鳴謝 @andreidiaconu 所做出的貢獻！

歡迎大家嘗試 Surface Duo 模擬器範例，其中包含了 Flutter Gallery 的一個特別派生版本，以便了解 Flutter 在雙屏中的實際執行情況:

支援 iOS 可變重新整理率

Flutter 現已在使用 ProMotion 顯示屏的 iOS 裝置上支援可變重新整理率，包括 iPhone 13 Pro 和 iPad Pro。在這些裝置上 Flutter 應用的渲染重新整理率可達 120 Hz，而之前最高為 60 Hz，這使得捲動等快速動畫的觀感體驗更加流暢。請檢視官方檔案瞭解詳情。

簡化 iOS 釋出

我們為 flutter build ipa 命令新增了新選項，使得 iOS 應用釋出更加簡便。在您準備好分發至 TestFlight 或 App Store 時，請執行 flutter build ipa 構建 Xcode 歸檔 (.xcarchive 檔案) 和應用軟體包 (.ipa 檔案)。您可選擇新增 --export-method ad-hoc、--export-method development 或 --export-method enterprise 選項。應用軟體包構建完成後，即可通過 Apple Transport macOS 應用將其上傳至 Apple，或使用 xcrun altool 在命令列中完成上傳 (執行 man altool 獲取 App Store Connect API 金鑰驗證說明)。上傳完成後，您的應用即可釋出至 TestFlight 或 App Store。在完成應用顯示名稱、應用圖示等初始 Xcode 專案設定後，您在釋出應用時就無需再開啟 Xcode 了。

Gradle 版本更新

使用 Flutter 工具建立新專案時，您或許已經注意到，生成的檔案現在使用了最新版本的 Gradle 和 Android Gradle 外掛。對於現有的專案而言，您需要手動將 Gradle 版本升級至 7.4，Android Gradle 外掛版本升級至 7.1.2。

停止更新 32 位 iOS/iOS 9/iOS 10

按照 2022 年 2 月 2.10 穩定版釋出的公告，Flutter 對 32 位 iOS 裝置以及 iOS 9 和 10 的支援即將結束。這一變化會影響到 iPhone 4S、iPhone 5、iPhone 5C 以及 iPad 第二、三、四代裝置。Flutter 3 是最後一個支援上述 iOS 版本和裝置的穩定版本。

如需詳細瞭解此項變更，請參閱 RFC: 終止對 32 位 iOS 裝置的支援。

Web 端更新

我們針對 web 端的更新包括:

影象解碼

在瀏覽器支援的情況下，Flutter web 現在可以自動檢測並使用 ImageDecoder API。到目前為止，大多數基於 Chrome 的瀏覽器都新增了此 API，如 Chrome、Edge、Opera、Samsung Browser 等。

這個新 API 使用瀏覽器內建的影象編解碼器在主執行緒之外非同步解碼影象。這使得影象解碼速度提高 2 倍，而且完全不會阻塞主執行緒，消除了所有之前由影象引起的卡頓現象。

Web 應用的生命週期

Flutter web 應用的新生命週期 API 提升了靈活性，可實現從託管 HTML 頁面控制 Flutter 應用的載入程式，並支援使用 Lighthouse 分析您的應用的效能表現。這適用於許多用例，包括以下常被開發者們提及的場景:

啟動畫面。
載入指示器。
在 Flutter 應用之前顯示的純 HTML 互動式載入頁。

請閱讀官方檔案 "自定義 web 應用初始化" 瞭解詳細資訊。

工具更新

我們針對 Flutter 和 Dart 工裝的更新內容包括:

Lint package 更新

Lint package 2.0 版現已釋出:

Flutter
Dart

使用 flutter create 生成的 Flutter 3 應用將自動啟用 2.0 版 Lint 套件。我們建議大家執行 flutter pub upgrade --major-versions flutter_lints，將現有應用、package 和外掛遷移到 2.0 版，以遵循 Flutter 最新、最優的最佳實踐。

Lint 2.0 版中新增的大多數警告都帶有自動修復功能。因此，當您在應用的 pubspec.yaml 中升級至最新 package 版本後，即可在程式碼庫中執行 dart fix --apply 自動修復大多數 Lint 警告 (某些警告仍需部分手動操作)。對於尚未使用 package:flutter_lints 的應用、package 或外掛，建議開發者按照遷移指南遷移至最新版本。

效能提升

感謝開源貢獻者 knopp，區域性重繪已經在支援此功能的 Android 裝置上實現。在我們的本地測試中，此功能在 Pixel 4XL 裝置上將依照 backdrop_filter_perf 基準測試的幀柵格化時間的平均值、90 百分位值和 99 百分位值縮減了 5 倍。現在，iOS 裝置和較新版本的 Android 裝置上都已實現在單一矩形髒區出現時進行區域性重繪。

我們進一步提升了簡單用例中不透明度動畫的效能。具體而言，當 Opacity widget 只包含單個渲染原語時，通常由 Opacity widget 呼叫的 saveLayer 方法可以省略。在為此優化構建的基準測試中，此用例下的柵格化時間提升了一個數量級。在今後的版本中，我們計劃為更多場景應用此優化。

在開源貢獻者 JsouLiang 的努力下，引擎的光柵和介面執行緒在 Android 和 iOS 上的執行優先順序已經高於其他執行緒 (比如 Dart VM 的後臺垃圾回收執行緒)。在我們的基準測試中，這使得幀構建平均時間提速約 20%。

在第 3 版釋出之前，光柵快取的准入策略只檢檢視片中繪製運算元的數量 (假設任何具有多個運算元的圖片都應該進入快取)。但這會導致引擎消耗記憶體來快取渲染速度極快的圖片。此版本引入新的機制，根據所包含繪製運算元的成本來估計影象渲染的複雜性。在我們的效能測試中，使用新機制作為柵格快取准入策略可以減少記憶體用量，而不會降低效能。

感謝開源貢獻者 ColdPaleLight，他修復了 iOS 上由於幀排程 bug 而導致少量動畫幀丟失的問題。感謝所有報告此問題並提供掉幀復現視訊的每一個人。

Impeller

我們一直致力於解決 iOS 和其他平臺上的早期卡頓問題。在 Flutter 3 中，您可以在 iOS 上預覽一個名為 Impeller 的實驗性渲染後端。Impeller 會在引擎構建時預編譯一組較為小巧、簡單的著色器，從而避免在應用執行時編譯，而後者是造成 Flutter 卡頓的主要原因。Impeller 尚未作好投產準備，距離完成也還有一段距離。目前 Impeller 尚未實現 Flutter 的所有功能特性，但我們對它在 flutter/gallery 應用中實現的保真度和效能感到滿意，並且很高興地在這裡和大家分享開發進度。特別是，在 Gallery 應用的過場動畫中，即便最差的幀速度也比之前快大約 20 倍。

Impeller 可以帶標記在 iOS 上使用。如果您要試用 Impeller，可以傳遞 --enable-impeller 標記至 flutter run，或將 Info.plist 檔案中的 FLTEnableImpeller 標記為 true。Impeller 的開發會繼續在 Flutter 主渠道進行，我們希望在未來的版本中提供進一步更新。

Android 上的內聯廣告

使用 google_mobile_ads package 時，您應該可以感受到使用者關鍵互動 (如頁面之間的捲動和切換) 的效能有所提升。在新興市場廣為流行的裝置上，這種效能提升尤其明顯。最棒的是，您無需更改任何程式碼！

在具體實現方面，Flutter 現在是非同步組合 Android 檢視 (即通常所說的平臺檢視)。這意味著 Flutter 的光柵執行緒無需等待 Android 檢視渲染。現在，Flutter 引擎使用它管理的 OpenGL 紋理將檢視顯示在螢幕上。

重大變更

在持續擴充套件和改進 Flutter 的過程中，我們會盡量把重大變更的數量維持在最低限度。Flutter 3 包含以下重大變更:

如果您正在使用上述 API，請參閱 Flutter.dev 上的遷移指南。

總結

按照 Statista 和 SlashData 等分析機構的統計，Flutter 依然是最受歡迎的跨平臺介面工具包，我們能保持這種地位，社群的貢獻功不可沒，對此，Google Flutter 團隊向大家致以由衷敬意。期待與各位社群成員共同努力，繼續提供由社群驅動的工具，幫助大家為使用者創造出更多令人愉悅的體驗！

一起看 I/O | Flutter 3 更新詳解

全桌面平臺生產就緒

級聯選單和 macOS 系統選單欄支援

完整支援全桌面平臺多國文字輸入

全桌面平臺無障礙服務

macOS 平臺預設使用通用二進位制檔案

不再支援使用 Windows 7/8 進行開發

行動端更新

支援可摺疊裝置

支援 iOS 可變重新整理率

簡化 iOS 釋出

Gradle 版本更新

停止更新 32 位 iOS/iOS 9/iOS 10

Web 端更新

影象解碼

Web 應用的生命週期

工具更新

Lint package 更新

效能提升

Impeller

Android 上的內聯廣告

更多令人興奮的更新

Material 3

主題擴充套件

廣告

重大變更

總結

一起看 I/O | Flutter 3 更新詳解

全桌面平臺生產就緒

級聯選單和 macOS 系統選單欄支援

完整支援全桌面平臺多國文字輸入

全桌面平臺無障礙服務

macOS 平臺預設使用通用二進位制檔案

不再支援使用 Windows 7/8 進行開發

行動端更新

支援可摺疊裝置

支援 iOS 可變重新整理率

簡化 iOS 釋出

Gradle 版本更新

停止更新 32 位 iOS/iOS 9/iOS 10

Web 端更新

影象解碼

Web 應用的生命週期

工具更新

Lint package 更新

效能提升

Impeller

Android 上的內聯廣 告

更多令人興奮的更新

Material 3

主題擴充套件

廣告

重大變更

總結

Android 上的內聯廣告