跳至主要內容

ThemeData.useMaterial3 標誌預設為 true

摘要

#

Material 函式庫已更新以符合最新的 Material Design 規範。變更包括新的元件、新的元件主題和更新的元件視覺效果。在此版本中,ThemeData.useMaterial3 預設設定為 true

背景

#

Flutter 的 Material 小工具現在完全支援 Material 3,並且從 Flutter 3.16 開始,Material 3 現在是預設樣式。

Material 3 元件的外觀主要由 ThemeData.colorSchemeThemeData.textTheme 的值決定。ColorScheme 可以更輕鬆地建立深色和淺色主題,讓您的應用程式既美觀又符合輔助功能的要求。若要進一步自訂 Material 3 元件的外觀,請將元件主題新增至您的 ThemeData,例如 ThemeData.segmentedButtonThemeThemeData.snackBarTheme

此外,Material 3 透過使用緩和和持續時間符記來改善動態效果。這表示 Material 2 的曲線已重新命名為包含「legacy」一詞,並且最終將被棄用和移除。

請查看 Material 3 圖庫 以測試所有新元件並將它們與 Material 2 進行比較。

遷移指南

#

在 3.16 版本之前,變更使用 ThemeData 上的 useMaterial3 主題屬性是「選擇加入」。從此版本開始,useMaterial3 預設為 true。您仍然可以在 MaterialApp 主題中指定 useMaterial3: false 來選擇不使用 Material 函式庫的 Material 3 版本。

此外,某些小工具不只是更新即可,而是需要全新的實作。因此,當您看到它以 Material 3 執行時,您的 UI 可能看起來有點奇怪。若要修正此問題,請手動遷移至新的小工具,例如 NavigationBar

如需更多詳細資訊,請查看 GitHub 上的 Material 3 總括議題

時間軸

#

已於版本中推出:3.13.0-4.0.pre
在穩定版本中:3.16

參考文獻

#

文件

API 文件

相關議題

相關的 PR