FSA全栈行动 FSA全栈行动
首页
  • 移动端文章

    • Android
    • iOS
    • Flutter
  • 学习笔记

    • 《Kotlin快速入门进阶》笔记
    • 《Flutter从入门到实战》笔记
    • 《Flutter复习》笔记
  • 内功心法

    • 《深入浅出设计模式Java版》笔记
前端
后端
  • 产品
  • 代理
  • 提效
  • 逆向
  • 分类
  • 标签
  • 归档
  • LinXunFeng
  • GitLqr

公众号:FSA全栈行动

记录学习过程中的知识
首页
  • 移动端文章

    • Android
    • iOS
    • Flutter
  • 学习笔记

    • 《Kotlin快速入门进阶》笔记
    • 《Flutter从入门到实战》笔记
    • 《Flutter复习》笔记
  • 内功心法

    • 《深入浅出设计模式Java版》笔记
前端
后端
  • 产品
  • 代理
  • 提效
  • 逆向
  • 分类
  • 标签
  • 归档
  • LinXunFeng
  • GitLqr
  • AndroidUI

  • Android第三方SDK

  • Android混淆

  • Android仓库

  • Android新闻

  • Android系统开发

  • Android源码

  • Android注解AOP

  • Android脚本

  • AndroidTv开发

  • AndroidNDK

  • Android音视频

  • Android热修复

  • Android性能优化

  • Android云游戏

  • Android插件化

  • iOSUI

  • iOS工具

  • iOS底层原理与应用

  • iOS组件化

  • iOS音视频

  • iOS疑难杂症

  • iOS之Swift

  • iOS之RxSwift

  • iOS开源项目

  • iOS逆向

  • Flutter开发

    • Dart - 抽象类的实例化
    • Flutter - 打印好用的Debug日志
    • Flutter - 混合开发
    • Flutter - 解决混合开发iOS脚本打包遇到的问题
    • Flutter - 低版本在iOS14上遇到的问题与解决方案
    • Flutter - 解决原生弹窗的触摸事件被Flutter响应的问题
    • Flutter - 实现列表上下拉切换header
    • Flutter - 获取ListView当前正在显示的Widget信息
    • Flutter - 列表滚动定位超强辅助库,墙裂推荐!🔥
    • Flutter - 快速实现聊天会话列表的效果,完美💯
    • Flutter - 聊天输入框更新文本时的必备优化点🔖
    • Flutter - 我给官方提PR,解决run命令卡住问题 😃
    • Flutter - 探索run命令到底做了什么 🤔
    • Flutter - 引擎调试(iOS篇)🛠
    • Flutter - 引擎调试bug到提交PR实战 🐞
    • Flutter - 船新升级😱支持观察第三方构建的滚动视图💪
    • Flutter - 瀑布流交替播放视频 🎞
    • Flutter - IM保持消息位置大升级(支持ChatGPT生成式消息) 🤖
    • Flutter - 滚动视图中的表单防遮挡 🗒
    • Flutter - 秒杀1/2曝光统计 📊
    • 一天内加入 Flutter 和 FlutterCandies 两大组织是什么体验 🧐
    • Flutter - 如何快速搓一个微信通讯录列表(azlist) 📓
    • Flutter - 混编项目集成Shorebird热更新🐦(安卓篇)
    • Flutter - 混编项目集成Shorebird热更新🐦(iOS篇)
    • Flutter - 解决返回原生页面时dispose方法未被触发的问题 🐞
    • Flutter - 升级3.19之后页面多次rebuild?🤨
    • Flutter - 热更新 Shorebird 1.0 正式版来了 🐦
    • Flutter - 使用Pigeon实现视频缓存插件 🐌
    • Flutter - 轻松搞定屏幕旋转功能 😎
    • Flutter - 解决Connection closed before full header was received
    • Flutter - 实现聊天键盘与功能面板的丝滑切换 🍻
    • Flutter - 支持观察NestedScrollView,兼容性更强 😈
    • Flutter - 聊天键盘与面板丝滑切换的强势升级 🍻
    • Flutter - 升级到3.24后页面还会多次rebuild吗?🧐
    • Flutter - 轻松实现PageView卡片偏移效果
    • Flutter - 轻松搞定炫酷视差(Parallax)效果
    • Flutter - 危!3.24版本苹果审核被拒!
    • Flutter - 子部件任意位置观察滚动数据
    • Flutter - iOS编译加速
    • Flutter - Xcode16 还原编译速度
    • Flutter - GetX Helper 助你规范应用 tag
    • Flutter - GetX Helper 如何应用于旧页面
    • Flutter - 聊天面板库动画生硬?这次让你丝滑个够
    • Flutter - 使用本地 DevTools 验证 SVG 加载优化
    • Flutter - 详情页 TabBar 与模块联动?秒了!
    • Flutter - 详情页初始锚点与优化
    • Flutter - Melos Pub workspaces 实践
    • Flutter webview 崩溃率上升怎么办?我的分析与解决方案
    • Flutter 多仓库本地 Monorepo 方案与体验优化
    • Flutter 拖拉对比组件,换装图片前后对比必备
    • Flutter 3.44 插件内置 Kotlin (KGP) 双向兼容适配指南
    • Flutter 无障碍开发实战:玩转 Semantics 解决视障用户使用痛点
    • 玩转 WebSocket:从原理到 Flutter 实战
    • 别在 Flutter 的 main() 里乱锁屏幕方向,小心 iPad 分屏功能被你搞没了
    • Flutter 3.44 性能飞跃:深度解析 Android Platform View 的 HCPP 新特性
    • 给 Flutter 插件加上 Swift Package Manager 支持
    • 彻底搞懂 Dart Stream:从底层原理到 Flutter 实战与面试题集
    • 别被“Flutter 传感器延迟 150ms”带偏了:这可能只是你的实现方式错了
    • StatefulWidget 里的隐形炸弹:为什么不要在 State 类中使用 context.mounted
    • 深入理解 Flutter 架构:从 Widget 到 GPU 像素的全链路解析
    • 深度拆解 Dart 事件循环:从面试题看清 Microtask 与 Event Queue 的执行顺序
    • Flutter FocusNode 实战指南:玩转键盘焦点与用户输入体验
    • iOS 27 强制要求 UISceneDelegate:UIKit 和 Flutter 开发者该如何应对?
    • Flutter 实战:为你的 App 增加桌面快捷方式 (Quick Actions)
    • 玩转 Flutter 项目依赖:从 pubspec.yaml 到实战包管理
    • Flutter 居然能直接跑在 Apple Watch 上了?玩转 flutter-watchos
    • 玩转 Dart typedef:不仅是函数别名那么简单
    • Impeller 时代:Shader Jank 消失了,但渲染性能的战场也变了
    • 玩转 Flutter 中的 Stack 与 Positioned:解决 UI 重叠问题的实战指南
    • Flutter 3.47 与 Dart 3.13:你必须了解的迁移指南
      • 一、核心结论
      • 二、Material 与 Cupertino 的“解耦”大动作
        • 1、为什么要这么做?
        • 2、怎么迁移?
        • 3、一个很巧妙的“桥接”方案
      • 三、iOS 27 的硬性要求
        • 1、为什么要现在就看?
        • 2、哪些情况需要手动操作?
      • 四、其他值得折腾的变动
        • 1、Impeller 登陆桌面
        • 2、Dart 3.13 的“瘦身”与新特性
        • 3、Wasm 的“最后一公里”
      • 五、最后
    • Flutter 实战:图片上传前的压缩优化,解决带宽与存储的“大户”问题
  • 移动端
  • Flutter开发
GitLqr
2026-08-17
目录

Flutter 3.47 与 Dart 3.13:你必须了解的迁移指南

欢迎关注微信公众号:[FSA全栈行动 👋]

# 一、核心结论

大多数 Flutter 版本发布时,你可能只需要扫一眼标题,看两个新出的 Widget,然后关掉页面继续写代码。但这次不一样,这篇更新的内容极其硬核,它不是在增加新特性,而是在重构地基。

我仔细研读了官方发布的 Flutter 3.47 和 Dart 3.13 的公告,得出的结论很直接:对于开发者来说,这次发布只有两件事需要立刻提上日程,剩下的——比如 Impeller 登陆桌面、Wasm 的进展、Dart 的新语法——都可以等。

这两件事分别是:

  1. Material 和 Cupertino 移出了 SDK:它们将变成独立的包,随 pub.dev 每周更新,而不再受限于 SDK 每季度的发布节奏。

  2. iOS 27 强制要求 UIScene 架构:如果你的 App 还没有完成迁移,在 Xcode 27 下构建时,启动时会直接崩溃。

# 二、Material 与 Cupertino 的“解耦”大动作

以前,如果你想用一个最新的 Material 组件(比如某个 Chip 的样式微调),你必须升级整个 Flutter SDK,哪怕这个更新带了一堆你根本用不到的底层逻辑改动。

从 Flutter 3.47 开始,material_ui 和 cupertino_ui 已经搬到了 pub.dev。

# 1、为什么要这么做?

这本质上是把设计系统从“框架的一部分”变成了“框架的用户”。

维度 以前的 SDK 模式 现在的独立包模式
更新频率 随 SDK 每季度发布 随 pub.dev 每周更新
耦合度 高(UI 与渲染、调度器深度绑定) 低(解耦,支持风格中立的 Core)
适用场景 通用场景 支持自定义设计系统,降低维护门槛

这其实是一件好事。对于想要极速迭代 UI 风格的团队,或者想要打造完全自定义设计系统的工程,这个变化简直是福音。

# 2、怎么迁移?

迁移其实非常简单,Flutter 团队准备了自动修复工具。

你只需要在项目根目录运行一条命令:

dart fix --apply --code=migrate_design_widgets

它会自动把你的 import 'package:flutter/material.dart' 改成 import 'package:material_ui/material_ui.dart'。

注意: 如果自动修复没能帮你更新 pubspec.yaml,记得手动加上依赖:

flutter pub add material_ui
# 如果用了 Cupertino,也记得加上
flutter pub add cupertino_ui

# 3、一个很巧妙的“桥接”方案

这里有个细节值得重点关注。如果你现在马上迁移,你的业务代码跑通了,但你依赖的那 30 多个第三方插件还在用旧的 import 'package:flutter/material.dart' 怎么办?你总不能等整个生态都迁移完你才动手吧?

Flutter 3.47 引入了一个叫 MaterialUiCompatibilityBridge 的东西,这就是解决这个问题的“神兵利器”。你只需要在 MaterialApp 的 builder 属性里套一层:

import 'package:material_ui/material_ui.dart';

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      builder: (BuildContext context, Widget? child) {
        // 这一行能保证那些还没迁移的第三方插件依然正常工作
        return MaterialUiCompatibilityBridge(child: child!);
      },
      home: const HomeScreen(),
    );
  }
}

有了这个“桥接”,你完全可以先升级自己的业务代码,而不用担心第三方插件把你搞挂。

# 三、iOS 27 的硬性要求

如果说 Material 的迁移是“选择题”,那 iOS 27 的要求就是“生存题”。

Xcode 27 和 iOS 27 将带来一个硬性规定:所有基于 UIKit 的 App 必须采用 UIScene 生命周期。

如果你的 App 在构建时没适配这个架构,启动时会直接 Crash。这可不是什么 Warning,是实打实的闪退。

# 1、为什么要现在就看?

最坑的地方在于,你的 CI 流程现在跑在 Xcode 26 上,一切看起来都是 Green 的。等到秋天 Xcode 27 正式发布,你的 CI 环境自动更新了,你的发布任务可能正卡在上线前夕。

# 2、哪些情况需要手动操作?

大部分 App 只需要通过 Flutter CLI 自动完成迁移,但有两种情况比较折腾:

  1. 你的 AppDelegate 里写了自定义的 Native 代码。

  2. 你依赖的某个 Plugin 还在用旧的生命周期管理方式。

我个人的建议是:这周就赶紧去跑一下 iOS 27 的 Beta 版本。

# 四、其他值得折腾的变动

除了上面两个大事,还有几个硬核更新值得你关注。

# 1、Impeller 登陆桌面

之前桌面端(macOS、Windows、Linux)在使用 Skia 时,经常会遇到所谓的“第一帧卡顿”(Shader Compilation Jank)。这其实是因为 Skia 在运行时动态编译着色器,第一帧渲染时比较吃力,缓存后再就顺滑了。

现在,Impeller 已经成为了桌面端的默认渲染器。

Impeller 的思路很暴力:不再运行时编译,而是在编译阶段就预编译好一套固定的着色器集。这样,第一帧也能丝滑无比。

# 2、Dart 3.13 的“瘦身”与新特性

Dart 3.13 的主题是“简洁”。

  • 语法糖:Primary Constructors 正式稳定了。以前写个 class 需要写一堆成员变量和构造函数,现在一行搞定。

  • 格式化:dart format 现在会自动按规则给 import 分组了,代码整洁了不少。

  • FFI 树摇(Tree-shaking):这是一个针对 Package 作者的重量级功能。通过 @RecordUse() 注解,Dart 现在可以追踪到底哪些 Native 符号是被真正调用的。这意味着,如果你只用了 SQLite 的三个函数,编译出来的 Binary 就不会包含那几百个你没用过的函数。

# 3、Wasm 的“最后一公里”

Flutter Web 的终极目标是 Wasm。为了解决大项目在 Wasm 下初始加载慢的问题,Dart 3.13 引入了延迟加载(Deferred Loading)。

通过 flutter build web --enable-wasm-deferred-loading,你的 App 在启动时不需要一次性拉下所有代码,这对提升 IPL(首屏加载时间)非常有帮助。

# 五、最后

总结一下,这次升级的重心在于“解耦”与“基建”。

建议你的行动指南:

  • 本周(高风险): 在 iOS 27 Beta 环境下测一下你的 App 是否会闪退。

  • 本月(截止日期): 运行 dart fix 尝试迁移 Material 包,并评估迁移成本。

  • 本季度: 关注 Impeller 在桌面端的稳定性,尝试 Wasm 编译。

如果你是维护 Package 的开发者,请务必把 Material 的迁移当成一次 Major Release 来处理,因为你的下游用户正盯着你的更新呢。


参考资料:

  • What's new in Flutter 3.47 (opens new window)

  • Announcing Dart 3.13 (opens new window)

#Flutter 3.47#Dart 3.13#material_ui#cupertino_ui#iOS 27#Xcode 27#Impeller#Wasm
上次更新: 2026/08/20, 07:11:13
玩转 Flutter 中的 Stack 与 Positioned:解决 UI 重叠问题的实战指南
Flutter 实战:图片上传前的压缩优化,解决带宽与存储的“大户”问题

← 玩转 Flutter 中的 Stack 与 Positioned:解决 UI 重叠问题的实战指南 Flutter 实战:图片上传前的压缩优化,解决带宽与存储的“大户”问题→

最近更新
01
Flutter 实战:图片上传前的压缩优化,解决带宽与存储的“大户”问题
08-20
02
玩转 Flutter 中的 Stack 与 Positioned:解决 UI 重叠问题的实战指南
08-14
03
Java 26 终于原生支持 HTTP 3 了:告别 Netty,直接用 QUIC
08-13
更多文章>
Theme by Vdoing | Copyright © 2020-2026 FSA全栈行动
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×