🔧 阿川の電商水電行
Flutter 設計包解耦新進展，material_ui 和 cupertino_ui 發布預告
近日，Flutter 官方突然發布了 material_ui 和 cupertino_ui，不過包內暫時沒有真實代碼，只是作為預告和占位發布，根據預告內容：
-
對於 material_ui，核心會包含：
- Structure:
Scaffold,AppBar,Drawer - Inputs:
FloatingActionButton,TextField,Slider - Display:
Card,Chip,ListTile - Theming:
ThemeData,ColorScheme
- Structure:
-
對於 cupertino_ui，核心會包括：
- Structure:
CupertinoPageScaffold,CupertinoNavigationBar - Inputs:
CupertinoButton,CupertinoTextField,CupertinoSwitch - Dialogs:
CupertinoAlertDialog,CupertinoActionSheet
- Structure:
同時，最重要的是，這兩個包都提及了 Material 3 Expressive 和 iOS 26 風格支持，也就是全新的樣式適配，會跟隨包一起發布。
而根據 Decoupling Design #projects/220，目前大約 30 多個關鍵任務情況，目前：
- 已完成 (Done): 約 11 項（約 31%）
- 正在進行 (In Progress): 約 10 項（約 29%）
- 待處理/未開始 (Todo): 約 14 項（約 40%）
所以整體階段處於 “基礎設施搭建” 與 “代碼清理/預重構” 的中期階段，目前看來 2026 年中後期完成遷移的可能性很高，根據任務情況，目前已完成的有：
- 任務評估：完成了對文本棧 (Text Stack) 和基礎顏色集 (Basic Color Set) 解耦的評估
- 發布支持：確定了全新發布流程，並基本完成了 batch-release（批量發布）相關的 GitHub Action 工具鏈支持
- 某些組件：類似 Codeshare 的 Tooltip 控件已提前完成重構
而正在進行的任務主要是解決技術債，重點是消除內部耦合：
- 單元測試解耦：正在處理 Framework 單元測試不跨包導入的問題
- 測試基礎設施：正在為
flutter/packages添加 Skia Gold 支持，以確保遷移後的組件仍能進行 Golden file 測試 - 核心邏輯抽取 ：正在研究將平台特定的頁面過渡動畫移出設計包，以及在
Widgets庫中添加主題化選項支持
未完成，也就是還沒開始工作的大多都是“搬運”工作：
- 在
flutter/packages中建立正式的 Material/Cupertino 包（實際上以發布空包） - 實際遷移大量的代碼庫
- 實現
dart fix遷移工具，幫助開發者平滑過渡 - 最終在 SDK 中棄用舊的路徑
所以整體看下來，整個流程還是相當清晰的：
-
前提條件：必須先完成禁止 Material 等包在單元測試裡跨包導入，否則代碼一旦物理移動，數千個測試將直接崩潰
-
基礎設施準備：在代碼移動前，必須先在目標倉庫 (
flutter/packages) 配置好發佈流程和測試工具 -
開始階段：在剝離設計語言前，需要先將原本混在 Material 裡的通用基礎組件遷移到 Widgets/Core 框架層
-
遷移：只有上述工作完成，才能開始 Land material 和 cupertino library code
-
最後通過自定義模板和 dart fix 確保開發者能無縫使用新的包
所以，未來 Flutter 在 Framework 內將不帶任何 material 和 cupertino 樣式，你可以根據需要選擇樣式庫，甚至覺得使用哪個樣式庫版本，最重要的是：
不升級 Flutter 版本也可以更新最新的設計樣式，同時控件 Bug 也可以得到更快的修復和發布。
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
