Flutter 设计包解耦新进展,material_ui 和 cupertino_ui 发布预告

近日,Flutter 官方突然发布了 material_uicupertino_ui ,不过包内暂时没有真实代码,只是作为预告和占位发布,根据预告内容:

  • 对于 material_ui ,核心会包含:

    • Structure: Scaffold, AppBar, Drawer
    • Inputs: FloatingActionButton, TextField, Slider
    • Display: Card, Chip, ListTile
    • Theming: ThemeData, ColorScheme
  • 对于 cupertino_ui ,核心会包括:

    • Structure: CupertinoPageScaffold, CupertinoNavigationBar
    • Inputs: CupertinoButton, CupertinoTextField, CupertinoSwitch
    • Dialogs: CupertinoAlertDialog, CupertinoActionSheet

同时,最重要的是,这两个包都提及了 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 and cupertino library code
  • 最后通过自定义模板 和 dart fix 确保开发者能无缝使用新的包

所以,未来 Flutter 在 Framework 内将不带任何 material 和 cupertino 样式,你可以根据需要选择样式库,甚至觉得使用哪个样式库版本,最重要的是:

不升级 Flutter 版本也可以更新最新的设计样式,同时控件 Bug 也可以得到更快的修复和发布

相关推荐
怕浪猫6 小时前
FDE 如何正确解决现场项目工程性的问题
前端·后端·ai编程
西瓜太郎12346 小时前
外层模型卡片与分组详情成功率不一致,应该怎么排查?
前端·typescript·go·软件工程·react
GreenTea7 小时前
vLLM 与 SGLang KV Cache 底层实现机制深度调研报告
前端·后端·算法
●VON8 小时前
Flutter 鸿蒙插件适配实战:用 device_screen_brightness 2.0.0 控制并监听屏幕亮度
flutter·华为·harmonyos
几何心凉10 小时前
没有万能模型:我用 AiiOnly Token Plan,把多款大模型的长处拼进同一个项目
前端
kyriewen10 小时前
Claude Code 的额度今天缩水了17%——官方公告上写的是"永久提高25%"
前端·ai编程·claude
天空之城--10 小时前
Android逆向安全合规接单指南
android·安全
雪芽蓝域zzs10 小时前
vue解构平铺VS对象包裹
前端·javascript·vue.js
风骏时光牛马11 小时前
从零到实战,完整AI学习路线
前端
消失的旧时光-194312 小时前
Android 系统层扫盲 09:AMS、ATMS、WMS、PMS 到底分别管什么?
android·wms·pms·ams·aosp·atms