Flutter 3更新详解

深入了解最新版本,包括 macOS 和 Linux 平台的稳定支持、多项性能改进等!

Posted by CrazyCodeBoy on May 22, 2022

期待已久的新教程上线啦!解锁Flutter开发新姿势,一网打尽Flutter最新与最热技术,点我Get!!!

Flutter 3 实现了 Flutter 以移动端为中心扩展到多平台的产品规划,并在今年 Google I/O大会的主题演讲上正式发布,继Flutter 2.10支持Windows 之后,此次发布提供了对 macOS 和 Linux 桌面端的稳定版支持,同时包括 Firebase 集成的改进,增加了与生产力和性能相关的新特性,并对 Apple 芯片提供了支持。

此版本中激动人心的升级包括: 更新了 Flutter 对 macOS 和 Linux 的支持,性能得到了显著提升,针对移动设备和 web 端的更新,以及诸多其他功能!此外,我们还带来了关于减少对旧版 Windows 提供支持的消息,以及几条重大变更。下面让我们直奔主题吧!

全桌面平台生产就绪

Linux 和 macOS 平台的支持已进入稳定状态,内含下列功能:

级联菜单和 macOS 系统菜单栏支持

现在您可以使用 PlatformMenuBar widget 在 macOS 上创建平台渲染的菜单栏,支持插入仅限该平台使用的菜单,并控制 macOS 应用菜单中的显示内容。

△ 级联菜单示意

△ 级联菜单示意

完整支持全桌面平台多国文本输入

全部三种桌面平台完整支持多国文本输入,包括使用文本输入法编辑器 (IME) 的语言,如中文、日文和韩文。同时支持第三方输入法,如搜狗 (Sogou)、谷歌日文输入法 (Google Japanese Input) 等。

全桌面平台无障碍服务

Flutter 支持 Windows、macOS 和 Linux 平台的无障碍服务,包括屏幕文字阅读、无障碍导航和颜色反转等。

macOS 平台默认使用通用二进制文件

在 Flutter 3 中,Flutter macOS 桌面应用会被构建为通用二进制文件,从而原生支持使用 Intel 处理器的 Mac 电脑和搭载 Apple Silicon 的新设备。

不再支持使用 Windows 7/8 进行开发

此版本将建议的 Windows 开发版本提升为 Windows 10。虽然我们不会禁止使用旧版本 (Windows 7、Windows 8、Windows 8.1) 进行开发,但由于 Microsoft 不再支持这些旧版本,我们仅会针对这些版本提供有限的测试。尽管我们会尽力为旧版本提供支持,但还是建议您升级版本。

注意: 在 Windows 7 和 8 上依然可以运行 Flutter 应用,此更改只影响我们推荐使用的开发环境。

移动端更新

我们针对移动端的更新包括:

支持可折叠设备

Flutter 3 支持可折叠移动设备。通过由 Microsoft 牵头的合作,让大家可以使用新的功能和 widget 在可折叠设备上创建动感、愉悦的体验。

作为合作的一部分,MediaQuery 现在包含一个 DisplayFeature 列表,用以描述设备组件状态,包括铰链、折叠状态和屏幕刘海等。此外,DisplayFeatureSubScreen widget 包含的子 widget 的位置现在不会与 DisplayFeature 的边界重叠,并且已经用于框架的默认对话框和弹出窗口,使 Flutter 默认即可动态适应这些元素的位置。

非常感谢 Microsoft 团队。另外我们还要特别鸣谢@andreidiaconu所做出的贡献!

欢迎大家尝试 Surface Duo 模拟器示例,其中包含了 Flutter Gallery 的一个特别派生版本,以便了解 Flutter 在双屏中的实际运行情况:

支持 iOS 可变刷新率

Flutter 现已在使用 ProMotion 显示屏的 iOS 设备上支持可变刷新率,包括 iPhone 13 Pro 和 iPad Pro。在这些设备上 Flutter 应用的渲染刷新率可达 120 Hz,而之前最高为 60 Hz,这使得滚动等快速动画的观感体验更加流畅。请查看 官方文档 了解详情。

简化 iOS 发布

我们为 flutter build ipa 命令添加了 新选项,使得 iOS 应用发布更加简便。在您准备好分发至 TestFlight 或 App Store 时,请运行 flutter build ipa 构建 Xcode 归档 (.xcarchive 文件) 和应用软件包 (.ipa 文件)。您可选择添加 –export-method ad-hoc、–export-method development 或 –export-method enterprise 选项。应用软件包构建完成后,即可通过 Apple Transport macOS 应用 将其上传至 Apple,或使用 xcrun altool 在命令行中完成上传 (运行 man altool 获取 App Store Connect API 密钥验证说明)。上传完成后,您的应用即可发布至 TestFlight 或 App Store。在完成应用显示名称、应用图标等初始 Xcode 项目设置 后,您在发布应用时就无需再打开 Xcode 了。

Gradle 版本更新

使用 Flutter 工具创建新项目时,您或许已经注意到,生成的文件现在使用了最新版本的 Gradle 和 Android Gradle 插件。对于现有的项目而言,您需要手动将 Gradle 版本升级至 7.4,Android Gradle 插件版本升级至 7.1.2。

停止更新 32 位 iOS/iOS 9/iOS 10

按照 2022 年 2 月 2.10 稳定版发布的公告,Flutter 对 32 位 iOS 设备以及 iOS 9 和 10 的支持即将结束。这一变化会影响到 iPhone 4S、iPhone 5、iPhone 5C 以及 iPad 第二、三、四代设备。Flutter 3 是最后一个支持上述 iOS 版本和设备的稳定版本。

如需详细了解此项变更,请参阅 RFC: 终止对 32 位 iOS 设备的支持

Web 端更新

我们针对 web 端的更新包括:

图像解码

在浏览器支持的情况下,Flutter web 现在可以自动检测并使用 ImageDecoder API。到目前为止,大多数基于 Chrome 的浏览器都添加了此 API,如 Chrome、Edge、Opera、Samsung Browser 等。

这个新 API 使用浏览器内置的图像编解码器在主线程之外异步解码图像。这使得图像解码速度提高 2 倍,而且完全不会阻塞主线程,消除了所有之前由图像引起的卡顿现象。

Web 应用的生命周期

Flutter web 应用的新生命周期 API 提升了灵活性,可实现从托管 HTML 页面控制 Flutter 应用的引导程序,并支持使用 Lighthouse 分析您的应用的性能表现。这适用于许多用例,包括以下常被开发者们提及的场景:

  • 启动画面。
  • 加载指示器。

  • 在 Flutter 应用之前显示的纯 HTML 交互式加载页。

请阅读官方文档 “自定义 web 应用初始化” 了解详细信息。

工具更新

我们针对 Flutter 和 Dart 工装的更新内容包括:

Lint package 更新

Lint package 2.0 版现已发布:

使用 flutter create 生成的 Flutter 3 应用将自动启用 2.0 版 Lint 套件。我们建议大家运行 flutter pub upgrade --major-versions flutter_lints,将现有应用、package 和插件迁移到 2.0 版,以遵循 Flutter 最新、最优的最佳实践。

Lint 2.0 版中新增的大多数警告都带有自动修复功能。因此,当您在应用的 pubspec.yaml 中升级至最新 package 版本后,即可在代码库中运行 dart fix --apply 自动修复大多数 Lint 警告 (某些警告仍需部分手动操作)。对于尚未使用 package:flutter_lints 的应用、package 或插件,建议开发者按照 迁移指南 迁移至最新版本。

性能提升

感谢开源贡献者 knopp,局部重绘已经在支持此功能的 Android 设备上实现。在我们的本地测试中,此功能在 Pixel 4XL 设备上将依照 backdrop_filter_perf 基准测试的帧栅格化时间的平均值、90 百分位值和 99 百分位值缩减了 5 倍。现在,iOS 设备和较新版本的 Android 设备上都已实现在单一矩形脏区出现时进行局部重绘。

我们 进一步提升 了简单用例中不透明度动画的性能。具体而言,当 Opacity widget 只包含单个渲染原语时,通常由 Opacity widget 调用的 saveLayer 方法可以省略。在为此优化构建的基准测试中,此用例下的栅格化时间提升了 一个数量级。在今后的版本中,我们计划为更多场景应用此优化。

在开源贡献者 JsouLiang 的努力下,引擎的光栅和界面线程在 Android 和 iOS 上的运行优先级已经高于其他线程 (比如 Dart VM 的后台垃圾回收线程)。在我们的基准测试中,这使得帧构建平均时间提速 约 20%

在第 3 版发布之前,光栅缓存的准入策略只查看图片中绘制算子的数量 (假设任何具有多个算子的图片都应该进入缓存)。但这会导致引擎消耗内存来缓存渲染速度极快的图片。此版本 引入新的机制,根据所包含绘制算子的成本来估计图像渲染的复杂性。在我们的性能测试中,使用新机制作为栅格缓存准入策略可以 减少内存用量,而不会降低性能。

感谢开源贡献者 ColdPaleLight,他修复了 iOS 上由于 帧调度 bug 而导致少量动画帧丢失的问题。感谢所有报告此问题并提供掉帧复现视频的每一个人。

Impeller

我们一直致力于解决 iOS 和其他平台上的早期卡顿问题。在 Flutter 3 中,您可以在 iOS 上预览一个名为 Impeller 的实验性渲染后端。Impeller 会在引擎构建时预编译一组 较为小巧、简单的着色器,从而避免在应用运行时编译,而后者是造成 Flutter 卡顿的主要原因。Impeller 尚未作好投产准备,距离完成也还有一段距离。目前 Impeller 尚未实现 Flutter 的所有功能特性,但我们对它在 flutter/gallery 应用中实现的保真度和性能感到满意,并且很高兴地在这里和大家分享开发进度。特别是,在 Gallery 应用的过场动画中,即便最差的帧速度也比之前快大约 20 倍

Impeller 可以带标记在 iOS 上使用。如果您要试用 Impeller,可以传递 --enable-impeller 标记至 flutter run,或将 Info.plist 文件中的 FLTEnableImpeller 标记为 true。Impeller 的开发会继续在 Flutter 主渠道进行,我们希望在未来的版本中提供进一步更新。

Android 上的内联广

使用 google_mobile_ads package 时,您应该可以感受到用户关键交互 (如页面之间的滚动和切换) 的性能有所提升。在新兴市场广为流行的设备上,这种性能提升尤其明显。最棒的是,您无需更改任何代码!

在具体实现方面,Flutter 现在是异步组合 Android 视图 (即通常所说的 平台视图)。这意味着 Flutter 的光栅线程无需等待 Android 视图渲染。现在,Flutter 引擎使用它管理的 OpenGL 纹理将视图显示在屏幕上。

更多令人兴奋的更新

我们针对 Flutter 生态系统的其他更新包括:

Material 3

Flutter 3 支持新一代 Material Design,即 Material Design 3。Flutter 3 提供 Material 3 的可选支持,包括动态颜色、最新颜色系统和字体等 Material You 功能,还包含许多组件的更新,以及在 Android 12 中引入的新触摸波纹设计和拉伸滚动等全新视觉效果。我们欢迎大家通过全新的 “将枯燥无味的 Flutter 应用变得生动有趣” 的 Codelab 来尝试 Material 3 的功能特性。请参阅 API 文档,详细了解如何选用上述新功能特性,以及哪些组件支持 Material 3。另请关注 Material 3 Umbrella issue 了解最新开发进展。

主题扩展

借助 “主题扩展 (Theme extension)”,Flutter 现支持向 Material 库中的 ThemeData 添加任何内容。您现在可以指定 ThemeData.extensions,而无需 (在 Dart 中) 扩展 ThemeData 并重新实现其 copyWithlerp 和其他方法。另外,package 开发者也可以提供 ThemeExtension。请参阅 官方文档 了解详情,并查看 GitHub 上的 相关示例

广告

我们知道对于发布商来说,征求用户同意对个性化广告,以及应对 Apple 的 “应用追踪透明度 (App Tracking Transparency, ATT)” 要求非常重要。

为了支持这些需求,Google 提供了 “用户消息平台 (User Messaging Platform, UMP)” SDK,取代了之前的开源 Consent SDK。在即将发布的 Google 移动广告 SDK (Flutter) 中,我们会增加对 UMP (用户消息平台) SDK 的支持,让发布商能够征求用户同意。如需了解详情,请在 pub.dev 上查看 google_mobile_ads package 页面。

重大变更

在持续扩展和改进 Flutter 的过程中,我们会尽量把重大变更的数量维持在最低限度。Flutter 3 包含以下重大变更:

如果您正在使用上述 API,请参阅 Flutter.dev 上的 迁移指南

总结

按照 Statista 和 SlashData 等分析机构的统计,Flutter 依然是最受欢迎的跨平台界面工具包,我们能保持这种地位,社区的贡献功不可没,对此,Google Flutter 团队向大家致以由衷敬意。期待与各位社区成员共同努力,继续提供由社区驱动的工具,帮助大家为用户创造出更多令人愉悦的体验!

最后

Flutter精彩课程推荐