核心部分原文鏈接：https://medium.com/flutter/whats-new-in-flutter-3-10-b21db2c38c73
雖然本次 I/O 的核心 keynote 主要是 AI ，但是按照慣例依然發(fā)布了新的 Flutter 穩(wěn)定版，不過并非大家猜測的 4.0，而是 3.10 ，F(xiàn)lutter 的版本號依然那么的出人意料。
Flutter 3.10 主要包括有對 Web、mobile、graphics、安全性等方面的相關(guān)改進(jìn)，核心其實就是：
- iOS 默認(rèn)使用了 Impeller
- 一堆新的 Material 3 控件襲來
- iOS 新能優(yōu)化，Android 順帶可有可無的更新
- Web 可以無 iframe 嵌套到其他應(yīng)用
Framework
Material 3
看起來谷歌對于 Material 3 的設(shè)計規(guī)范很上心，根據(jù)最新的 Material Design spec 規(guī)范 Flutter 也跟進(jìn)了相關(guān)的修改，其中包括有新組件和組件主題和新的視覺效果等。
目前依然是由開發(fā)者可以在 MaterialApp 主題配置下，通過 useMaterial3 標(biāo)志位選擇是否使用 Material 3，不過從下一個穩(wěn)定版本開始，useMaterial3 默認(rèn)會被調(diào)整為 true 。
對于 Material 3 ，可以通過 https://flutter.github.io/samples/material_3.html 上的相關(guān) Demo 預(yù)覽。
ColorScheme.fromImageProvider
所有 M3 組件配置主題的默認(rèn)顏色 ColorScheme，默認(rèn)配色方案使用紫色 shades，這有區(qū)別于之前默認(rèn)的藍(lán)色。
除了可以從單一 “seed” 顏色來定制配置方案之后，通過 fromImageProvider 圖像也可以創(chuàng)建自定義配色方案。
NavigationBar
本次還增加了一個 M3 版本的 BottomNavigationBar 控件效果，雖然 M3 使用不同的顏色、highlighting 和 elevation，但它的工作方式其實還是和以前一樣。
如果需要調(diào)整 NavigationBars 的默認(rèn)外觀，可以使用使用 NavigationBarTheme 來覆蓋修改，雖然目前你不需要將現(xiàn)有 App 遷移到 NavigationBars ，但是官方建議還是盡可能在新項目里使用 NavigationBars 作為導(dǎo)航控件。
NavigationDrawer
M3 針對 Drawer 同樣提供了新的 NavigationDrawer ，它通過 NavigationDestinations 顯示單選列表，也可以在該列表中包含其他控件。
同步M3下
Drawer也更新了顏色和高度，同時對布局進(jìn)行了一些小的更改。
NavigationDrawer 需要時可以滾動，如果要覆蓋 NavigationDrawer 的默認(rèn)外觀，同樣可以使用 NavigationDrawerTheme 來覆蓋。
SearchBar 和 SearchAnchor
這是 Flutter 為搜索查詢和提供預(yù)測效果新增的控件。
當(dāng)用戶在輸入搜索查詢時，會在 “search view” 中計算匹得到一個配響應(yīng)列表，用戶選擇一個結(jié)果或調(diào)整匹配結(jié)果。
如果要覆蓋 SearchBarTheme 的默認(rèn)外觀，同樣可以使用 SearchAnchorTheme 來覆蓋。
 |
 |
|---|
Secondary Tab Bar
M3 下 Flutter 現(xiàn)在默認(rèn)提供創(chuàng)建第二層選項卡式內(nèi)容的支持，針對二級 Tab 可以使用 TabBar.secondary。
DatePicker 和 TimePicker 更新
M3下 DatePicker 更新了控件的日歷、文本字段的顏色、布局和形狀等，對應(yīng) API 沒有變動，但會個新增了 DatePickerTheme 用于調(diào)整控件樣式。
TimePicker 和DatePicker 一樣，更新了控件的常規(guī)版本和緊湊版本的顏色、布局和形狀。
 |
 |
|---|
BottomSheet 更新
M3 下 BottomSheet 除了顏色和形狀更新之外，還添加了一個可選的拖動手柄，當(dāng)設(shè)置 showDragHandle為 true 時生效。
ListTile 更新
M3下 ListTile 更新了定位和間距，包括 content padding、leading 和 trailing 控件的對齊、minimum leading width, 和 vertical spacing 等，但是 API 保持不變。
TextField 更新
M3 更新了所有 TextField 對原生手勢支持。
用鼠標(biāo)雙擊或三次點擊 TextField 和在觸摸設(shè)備上雙擊或三次點擊效果相同，默認(rèn)情況下 TextField 和CupertinoTextField 都可以使用該功能。
TextField double click/tap 手勢
- Double click + drag：擴(kuò)展字塊中的選擇。
- Double tap + drag：擴(kuò)展字塊中的選擇。
TextField triple click/tap 手勢
Triple click
- 在多行
TextField(Android/Fuchsia/iOS/macOS/Windows) 中選擇點擊位置的段落塊。 - 在多行
TextField(Linux) 內(nèi)部時，在 click 位置選擇一個行塊。 - 選擇單行中的所有文本
TextField。
Triple tap
- 在 multi-line
TextField中選擇點擊位置的段落塊 。 - 選擇單行
TextField中的所有文本
Triple click+拖動
- 擴(kuò)展段落塊中的選擇 (Android/Fuchsia/iOS/macOS/Windows)。
- 擴(kuò)展行塊中的選擇 (Linux)。
簡單來說，就是手勢和鼠標(biāo)在雙擊和三擊下，會觸發(fā)不同的選擇效果，并且 Linux 在三擊效果下會有點差異
Flutter 支持 SLSA 級別 1
Flutter Framework 現(xiàn)在使用軟件工件供應(yīng)鏈級別 ( SLSA ) 級別 1 進(jìn)行編譯，這里面支持了許多安全功能的實現(xiàn)，包括：
- 腳本化構(gòu)建過程：Flutter 的構(gòu)建腳本現(xiàn)在允許在受信任的構(gòu)建平臺上自動構(gòu)建，建立在受保護(hù)的架構(gòu)上有助于防止工件篡改，從而提高供應(yīng)鏈安全性。
- 帶有審計日志的多方批準(zhǔn)：Flutter 發(fā)布工作流程僅在多個工程師批準(zhǔn)后執(zhí)行，所有執(zhí)行都會創(chuàng)建可審計的日志記錄，這些更改確保沒有人可以在源代碼和工件生成之間引入更改。
- 出處：Beta 和穩(wěn)定版本現(xiàn)在使用 provenance 構(gòu)建，這意味著具有預(yù)期內(nèi)容的可信來源構(gòu)建了框架發(fā)布工件，每個版本都會發(fā)布鏈接以查看和驗證 SDK 存檔 的出處。
這項工作還在朝著 SLSA L2 和 L3 合規(guī)性邁進(jìn)，這兩個級別側(cè)重于在構(gòu)建過程中和構(gòu)建之后提供 artifacts 保護(hù)。
Web
改進(jìn)了加載時間
3.10 減小了圖標(biāo)字體的文件大小，它會從 Material 和 Cupertino 中刪除了未使用的字形，從而提供了更快加載。
CanvasKit 變小
基于 Chromium 的瀏覽器可以使用更小的自定義 CanvasKit 渠道，托管在 Google gstatic.com 上的 CanvasKit 可以進(jìn)一步提高性能。
Element 嵌入
現(xiàn)在可以 從頁面中的特定 Element 來加載 Flutter Web ，不需要 iframe，在這個版本之前 fluter web 是需要填充整個頁面主體或顯示在 iframe 標(biāo)記內(nèi)，簡單說就是把 flutter web 嵌套到其他 Web 下更方便了。
具體 Demo 可見：https://github.com/flutter/samples/tree/main/web_embedding
著色器支持
Web 應(yīng)用可以使用 Flutter 的 fragment shader ：
flutter:
shaders:
- shaders/myshader.frag
Engine
Impeller
在 3.7 穩(wěn)定版中 iOS 提供了 Impeller 預(yù)覽支持，從那時起 Impeller 就收到并解決了用戶的大量反饋。
在 3.10 版本中，我們對 Impeller 進(jìn)行了 250 多次提交，現(xiàn)在我們將 Impeller 設(shè)置為 iOS 上的默認(rèn)渲染器。
默認(rèn)情況下，所有使用 Flutter 3.10 為 iOS 構(gòu)建的應(yīng)用都使用 Impeller，這樣 iOS 應(yīng)用預(yù)計將會有更少的卡頓和更一致的性能。
自 3.7 版本以來，iOS 上的 Impeller 改進(jìn)了內(nèi)存占用，可以使用較少的渲染通道和中間渲染目標(biāo)。
在較新的 iPhone 上，啟用有損紋理壓縮可在不影響保真度的情況下減少內(nèi)存占用，這些進(jìn)步也顯著提高了 iPad 的性能。
比如 Wonderous 應(yīng)用中的 “pull quote” 頁面，這些改進(jìn)是的當(dāng)前頁面下的內(nèi)存占用量減少了近一半。
內(nèi)存使用量的減少也適度降低了 GPU 和 CPU 負(fù)載，Wondrous 應(yīng)用可能不會記錄這些負(fù)載下降，它的框架之前已經(jīng)優(yōu)化的不錯，但這一變化應(yīng)該會延長續(xù)航能力。
Impeller 還釋放了團(tuán)隊可以更快地交付流行功能請求的能力，例如在 iOS 上支持更廣泛的 P3 色域。
社區(qū)貢獻(xiàn)加速了我們的進(jìn)步，特別是 GitHub 用 戶ColdPaleLight 和 luckysmg ，他們編寫了多個與 Impeller 相關(guān)的補(bǔ)丁，提高了保真度和性能。
雖然 Impeller 滿足大多數(shù) Flutter 應(yīng)用的渲染需求，但你可以選擇關(guān)閉 Impeller。如果選擇退出，請考慮在 GitHub 上提交問題以告訴我們原因。
<key>FLTEnableImpeller</key> <false/>
用戶可能會注意到 Skia 和 Impeller 在渲染時存在細(xì)微差別，這些差異可能是錯誤，所以請勿在 Github 上提出問題，在未來的版本中，我們將刪除適用于 iOS 的舊版 Skia 渲染器以減小 Flutter 的大小。
另外，Impeller 的 Vulkan 后端然在支持當(dāng)中，Android 上的 Impeller 仍在積極開發(fā)中，但尚未準(zhǔn)備好進(jìn)行預(yù)覽。
要了解 Impeller 進(jìn)展，請查看 https://github.com/orgs/flutter/projects/21。
Performance
3.10 版本涵蓋了除 Impeller 之外還有更多性能改進(jìn)和修復(fù)。
消除卡頓
這里要感謝 luckysmg， 他們發(fā)現(xiàn)可以縮短從 Metal 驅(qū)動獲取下一個可繪制層的時間，而方式就是需要將 FlutterViews 背景顏色設(shè)置為非零值。
此更改消除了最近 iOS 120Hz 顯示器上的低幀率問題，在某些情況下它會使幀速率增加三倍，這幫助我們解決了六個 GitHub issue。
這一變化具有意義重大，以至于我們向后移植了一個修補(bǔ)程序到 3.7 版本中。
在 3.7 穩(wěn)定版中，我們將本地圖像的加載從平臺線程轉(zhuǎn)移到 Dart 線程，以避免延遲來自平臺線程的 vsync 事件。但是用戶注意到 Dart 線程上的這項額外工作也導(dǎo)致了一些卡頓。
在 3.10 中，我們將本地圖像的打開和解碼從 Dart 線程移至后臺線程，這個更改消除了具有大量本地圖像的屏幕上潛在的長時間停頓，同時避免了延遲 vsync 事件，在我們的本地測試和自動化基準(zhǔn)測試中，這個更改將多個同步圖像的加載時間縮短了一半。
我們繼續(xù)在 Flutter 新的內(nèi)部 DisplayList 結(jié)構(gòu)之上構(gòu)建優(yōu)化，在 3.10 中，我們添加了 R-Tree based culling 機(jī)制。
這種機(jī)制在我們的渲染器中更早地移除了繪制操作的處理。例如 優(yōu)化加速了輸出在屏幕外失敗的自定義painter。
我們的 microbenchmarks 顯示 DisplayList 處理時間最多減少了 50%，具有裁剪自定義繪畫的 App 可能會看到不同效果的改進(jìn)，改進(jìn)的程度取決于隱藏繪制操作的復(fù)雜性和數(shù)量。
減少 iOS 啟動延遲
之前應(yīng)用中標(biāo)識符查找的低效策略增加了應(yīng)用啟動延遲，這個啟動延遲的增長與應(yīng)用的大小成正比。
而在 3.10 中，我們修復(fù)了 bundle identifier lookup，這將大型應(yīng)用的啟動延遲減少了 100 毫秒或大約 30–50%。
縮小尺寸
Flutter 使用 SkParagraph 作為文本、布局和渲染的默認(rèn)庫，之前我們包括了一個標(biāo)志以支持回退到遺留 libtxt和 minikin 。
由于我們對 SkParagraph 有充分的信心，我們在 3.10 中刪除了 libtxt 和 minikin 以及它們的標(biāo)志，這將 Flutter 的壓縮大小減少了 30KB。
看起來信心十足了。
穩(wěn)定性
在 3.0 版本中，我們在渲染管道后期啟用了一項 Android 功能，該功能使用高級 GPU 驅(qū)動，當(dāng)只有一個“dirty” 區(qū)域發(fā)生變化時，這些驅(qū)動功能會重新繪制較少的屏幕內(nèi)容。
我們之前已經(jīng)將它添加到早期的優(yōu)化中以達(dá)到類似的效果，盡管我們的基準(zhǔn)測試結(jié)果不錯，但還是出現(xiàn)了兩個問題：
- 首先，改進(jìn)最多的基準(zhǔn)可能不代表實際用例。
- 其次，事實證明很難找到支持此 GPU 驅(qū)動功能的設(shè)備和 Android 版本集
鑒于有限的進(jìn)步和支持，我們在 Android 上禁用了部分重繪功能。
而使用 Skia 后端時，該功能在 iOS 上依然保持啟用狀態(tài)，我們希望在未來的版本中可以通過 Impeller 啟用它。
API 改進(jìn)
APNG解碼器
Flutter 3.10 解決了一個我們最受關(guān)注的問題，它增加了 APNG 解碼圖像的能力，現(xiàn)在可以使用 Flutter 現(xiàn)有的圖片加載 API 來加載 APNG 圖片。
圖片加載 API 改進(jìn)
3.10 添加了一個新方法 instantiateImageCodecWithSize，該方法滿足以下三個條件的用例支持：
- 加載時寬高比未知
- 邊界框約束
- 原始縱橫比約束
Mobile
iOS
無線調(diào)試
現(xiàn)在可以在無線的情況下運行和熱重新加載的 Flutter iOS 應(yīng)用。
在 Xcode 中成功無線配對 iOS 設(shè)備后，就可以使用 flutter run 將應(yīng)用部署到該設(shè)備，如果遇到問題，請在 Window > Devices 和 Simulators > Devices下驗證網(wǎng)絡(luò)圖標(biāo)是否出現(xiàn)在設(shè)備旁邊。
要了解更多信息，可以查閱 https://docs.flutter.dev/get-started/install/macos#ios-setup。
寬色域圖像支持
iOS 上的 Flutter 應(yīng)用現(xiàn)在可以支持寬色域圖像的精確渲染，要使用寬色域支持，應(yīng)用必須使用 Impeller 并在 Info.plist 文件添加 FLTEnableWideGamut 標(biāo)志。
拼寫檢查支持
SpellCheckConfiguration() 控件現(xiàn)在默認(rèn)支持 Apple 在 iOS 上的拼寫檢查服務(wù)，可以使用 spellCheckConfiguration 中的參數(shù)對其進(jìn)行設(shè)置 CupertinoTextField 。
自適應(yīng)復(fù)選框和單選
3.10 將 CupertinoCheckBox 和 CupertinoRadio 添加到庫中 Cupertino ，他們創(chuàng)建符合 Apple 樣式的復(fù)選框和單選按鈕組件。
Material 復(fù)選框和單選控件添加了 .adaptive 構(gòu)造函數(shù)，在 iOS 和 macOS 上，這些構(gòu)造函數(shù)使用相應(yīng)的 Cupertino 控件，在其他平臺上使用 Material 控件。
優(yōu)化 Cupertino 動畫、過渡和顏色
Flutter 3.10 改進(jìn)了一些動畫、過渡和顏色以匹配 SwiftUI，這些改進(jìn)包括：
-
更新
CupertinoPageRoute -
添加標(biāo)題放大動畫
CupertinoSliverNavigationBar - 添加幾種新的 iOS 系統(tǒng)顏色
CupertinoColors
PlatformView 性能
當(dāng) PlatformViews 出現(xiàn)在屏幕上時，F(xiàn)lutter會限制 iOS 上的刷新率以減少卡頓，當(dāng)應(yīng)用顯示動畫或可滾動時，用戶可能會在應(yīng)用出現(xiàn) PlatformViews 時注意到這一點。
macOS 和 iOS 可以在插件中使用共享代碼
Flutter 現(xiàn)在支持插件 pubspec.yaml 文件中的 sharedDarwinSource ，這個 key 表示 Flutter 應(yīng)該共享 iOS 和 macOS 代碼。
ios:
pluginClass: PathProviderPlugin
dartPluginClass: PathProviderFoundation
sharedDarwinSource: true
macos:
pluginClass: PathProviderPlugin
dartPluginClass: PathProviderFoundation
sharedDarwinSource: true
應(yīng)用擴(kuò)展的新資源
我們?yōu)?Flutter 開發(fā)人員添加了使用 iOS 應(yīng)用擴(kuò)展文檔，這些擴(kuò)展包括實時活動、主屏幕控件和共享擴(kuò)展。
為了簡化創(chuàng)建主屏幕控件和共享數(shù)據(jù)，我們向 path_provider 和 homescreen_widget 插件添加了新方法。
具體可見：https://docs.flutter.dev/development/platform-integration/ios/app-extensions
跨平臺設(shè)計的新資源
該文檔現(xiàn)在包括針對特定 UI 組件的跨平臺設(shè)計注意事項，要了解有關(guān)這些 UI 組件的更多信息，請查看Flutter UX GitHub 存儲庫中的討論： https://github.com/flutter/uxr/discussions
具體可見：https://docs.flutter.dev/resources/platform-adaptations#ui-components
Android
Android CameraX 支持
Camera X 是一個 Jetpack 庫，可簡化向 Android 應(yīng)用添加豐富的相機(jī)功能。
該功能適用于多種 Android 相機(jī)硬件，在 3.10 中，我們?yōu)?Flutter Camera 插件添加了對 CameraX 的初步支持，此支持涵蓋以下用例：
- 圖像捕捉
- 視頻錄制
- 顯示實時相機(jī)預(yù)覽
Dependencies:
camera: ^0.10.4 # 最新相機(jī)版本
camera_android_camerax: ^0.5.0
開發(fā)者工具
我們繼續(xù)改進(jìn)了 DevTools，這是一套用于 Dart 和 Flutter 的性能和調(diào)試工具，一些亮點包括：
- DevTools UI 使用 Material 3，這讓外觀現(xiàn)代化又增強(qiáng)了可訪問性。
- DevTools 控制臺支持在調(diào)試模式下評估正在運行的應(yīng)用，在 3.10 之前，只能在暫停應(yīng)用時執(zhí)行此操作。
- 嵌入式 Perfetto 跟蹤查看器取代了以前的時間線跟蹤查看器。
Perfetto 可以處理更大的數(shù)據(jù)集，并且比傳統(tǒng)的跟蹤查看器表現(xiàn)得更好，例如：
- 允許固定感興趣的線程
- 單擊并拖動以從多個幀中選擇多個時間軸事件
- 使用 SQL 查詢從時間軸事件中提取特定數(shù)據(jù)
棄用和重大更改
棄用的 API
3.10 中的重大更改包括在 v3.7 發(fā)布后過期的棄用 API。
要查看所有受影響的 API 以及其他上下文和遷移指南，請查看之前版本的棄用指南。
Dart Fix 可以修復(fù)其中的許多問題，包括在 IDE 中快速修復(fù)和使用
dart fix命令批量應(yīng)用。
Android Studio Flamingo 升級
將 Android Studio 升級到 Flamingo 后，你可能會在嘗試 flutter run 或 flutter build Flutter Android 應(yīng)用時看到錯誤。
發(fā)生此錯誤是因為 Android Studio Flamingo 將其捆綁的 Java SDK 從 11 更新到 17，使用 Java 17 時，之前的 7.3 Gradle 版本無法運行。
我們更新來了 flutter analyze --suggestions 以驗證是否由于 Java SDK 和 Gradle 版本之間的不兼容而發(fā)生此錯誤。
要了解修復(fù)此錯誤的不同方法，請查看我們的遷移指南：https://docs.flutter.dev/go/android-java-gradle-error。
Window singleton 棄用
改版本棄用了 Window singleton，依賴它的應(yīng)用和庫需要開始遷移。
當(dāng)你的應(yīng)用在未來版本的 Flutter 中做支持時，這會可以為你的應(yīng)用提前做好多窗口準(zhǔn)備支持。文章來源：http://www.zghlxwxcb.cn/news/detail-443353.html
PS：還可以關(guān)注下本次 I/O 基于 Flutter 發(fā)布的新小游戲：I/O FLIP 小游戲文章來源地址http://www.zghlxwxcb.cn/news/detail-443353.html
到了這里，關(guān)于Google I/O 2023 - Flutter 3.10 發(fā)布，快來看看有什么更新吧的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
