Flutter 2.8 | 一文解读重点更新

原创 于 2021-12-24 09:40:00 发布 · 2.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#java #dart #python #webgl #epoll

Flutter 2.8版本带来了显著的性能改进，包括应用启动延迟降低、内存管理优化，以及Web平台视图性能增强。此外，此版本还正式发布了Google Mobile Ads SDK for Flutter，改进了WebView功能，并引入了新的Firebase集成方式。Flutter DevTools添加了增强跟踪功能和应用启动性能分析。生态系统的扩展包括Flutter Favorite packages的更新和桌面端支持的进一步发展。

be5eb328811d6d266e1f9ffe4aeb4170.png

作者 / Chris Sells, Flutter 开发者体验产品经理

又到了北半球每年的这个时节: 树叶变黄、气温下降，而今年的最终稳定版本也在此时发布: Flutter 2.8 闪亮登场！这个版本凝聚了 207 位贡献者和 178 位审阅者的辛勤付出，合并了 2,424 个 PR，并解决了 2,976 个问题。在这里，我们要特别感谢此版本的杰出社区贡献者 Bartosz Selwesiuk，作为 Very Good Ventures 的 Flutter 工程师，他提供了 23 个 PR，其中大部分主要 "专注于" (原文如此) 面向 Web 的摄像头插件。

所有人的通力合作给引擎和 Flutter DevTools 带来了显著的性能改进、稳定的 Google Mobile Ads SDK for Flutter 版本、一系列全新的 Firebase 功能和改进、WebView 3.0、一批新的 Flutter Favorite package、朝着稳定版桌面端支持更进一步的大量更新，以及支持更多 package (包括 Firebase) 的新版本 DartPad。这应该是今年发布的最后一个版本，相信不负大家的期待。我们一起走进 Flutter 2.8！

性能

一如往常，Flutter 的第一要务是质量。我们的绝大部分工作旨在确保 Flutter 在其支持的设备上尽可能顺畅和稳健地运行。

启动

此版本对应用启动延迟进行了改进。我们通过 Google Pay 对这些改进进行了测试。作为一个热门的大型应用，Google Pay 拥有超过 100 万行代码，可以确保这些改进能够在现实环境中产生显著的积极影响。所有相关改进使 Google Pay 在低端 Android 设备上运行时的启动延迟降低了 50%，在高端设备上降低了 10%。

对于 Flutter 影响 Dart VM 垃圾回收策略机制的改进，现在有助于避免在应用启动序列中出现错误的垃圾回收 (GC) 周期。例如，在 Android 上渲染第一帧之前，Flutter 现在只通知 Dart VM "TRIM_LEVEL_RUNNING_CRITICAL" 及以上的内存压力。在本地测试中，此改进将低端设备上的第一帧时间减少了多达 300 毫秒。

  • #90551: 只通知 Dart VM "TRIM_LEVEL_RUNNING_CRITICAL" 及以上的内存压力

    https://github.com/flutter/flutter/issues/90551

出于谨慎考虑，在之前的版本中，Flutter 在创建平台视图时会阻塞平台线程。经过仔细推敲和测试，我们确定可以移除一些序列化操作，这使得在低端设备上启动 Google Pay 时减少了超过 100 毫秒的阻塞。

  • #29145: 在 UI/Raster 线程上不要对 Shell::OnCreatePlatformView 进行序列化操作

    https://github.com/flutter/engine/pull/29145#pullrequestreview-778935616

  • #91711: UI 线程上的 Shell::OnPlatformViewCreated 不应进行序列化

    https://github.com/flutter/flutter/issues/91711

以前，设置默认字体管理器会在设置第一个 Dart Isolate 时引入人为延迟。延迟默认字体管理器设置，使其与 Dart Isolate 设置同时运行，既改善了启动延迟时间，又使得上述优化的效果更加明显，因为主要的瓶颈就在这里。

  • #29291: 延迟默认字体管理器，使其与 Isolate 设置同时运行

    https://github.com/flutter/engine/pull/29291

内存

由于 Flutter 会急切地加载 Dart VM 的 "Service Isolate"，其 AOT 代码与应用捆绑在一起，以便 Flutter 可以同时将两者读入内存，因此以内存受限设备为目标平台的 Flutter 开发者在进行性能跟踪时遇到了问题。对于使用 2.8 版本的 Android 设备，Dart VM 的 Service Isolate 会被分离到自己的软件包内，可单独加载，因此在需要使用 Service Isolate 之前，可以节省多达 40 MB 的内存。Dart VM 会通知操作系统，AOT 程序使用的内存分页被备份到了一个可能无需再次读取的文件里，这使得内存占用量进一步减少达 10%。因此，之前用于保存文件备份数据副本的分页可以被回收，并用于其他用途。

  • #91382: 引擎不应使用应用快照加载 VM 服务

    https://github.com/flutter/flutter/issues/91382

  • #29245: 构建一个用于在 Android 分析模式启动 Service Isolate 的专用快照

    https://github.com/flutter/engine/pull/29245

  • #92120: 为提供给 Dart VM 的类型映射提供提示

    https://github.com/flutter/flutter/issues/92120

性能分析

有时，开发者希望能够同时查看来自 Flutter 的性能跟踪数据以及 Android 原生跟踪事件。此外，他们也会希望能查看以发布模式构建的应用中的跟踪事件，以便深入了解所部署的应用中的性能问题。为此，2.8 稳定版现在会将跟踪事件发送到 Android systrace 记录器 (如果其已在应用启动时启用)，同时，即使 Flutter 应用在发布模式下构建，这些事件也会发送出来。

e3ad3ff7be18bb32fc76cbc378f36180.png

△ Flutter 跟踪事件现在显示在 Android systrace 记录工具中 (见底端)

  • #28903: 如在应用启动时启用 systrace，则使用 systrace 记录器，并在 Android 发布模式下启用 systrace

    https://github.com/flutter/engine/pull/28903

此外，为了创建卡顿更少的动画，一些开发者希望性能跟踪记录中包含更多关于光栅缓存行为的信息，这使得 Flutter 能够对昂贵和重复使用的图片进行图块搬移，无需在每一帧上重新进行绘制。性能跟踪记录中的新流程事件现在允许开发者跟踪光栅缓存图片的生命周期。

  • #92286: 为光栅缓存的生成至删除事件添加流程或异步事件

    https://github.com/flutter/flutter/issues/92286

Flutter DevTools

在调试性能问题方面，此版本的 DevTools 添加了新的 "增强跟踪 (Enhance Tracing)" 功能，以帮助用户诊断由成本高昂的构建、布局和绘制操作引起的界面卡顿。

ce0c4abb2d87fe619143c43a9663c6a9.png

  • #3451: 在性能页面增加跟踪绘制和跟踪布局开关

    https://github.com/flutter/devtools/pull/3451

启用任一跟踪功能时，时间轴将根据选项相应地包含新的 "已构建 widget"、"已布局渲染对象" 和 "已绘制渲染对象" 事件。

0f9c371e9aae2d251caccb5b79dd697d.png

另外，此版本的 DevTools 添加了新功能来分析应用启动时的性能表现。此剖析文件包含从 Dart VM 初始化到第一个 Flutter 帧渲染完成的所有 CPU 采样。在点击 "剖析应用启动 (Profile app starup)" 按钮并加载应用启动剖析文件后，您将看到剖析文件的 "AppStartUp" 用户标签已被选中。您还可以通过在列表中选择这个用户标签过滤器 (如果可用)，来加载应用启动剖析文件。选择此标签会显示您应用启动的剖析数据。

55ea5f7eca1c4046eaa94363afd967e5.png

  • #3357: 增加应用启动剖析功能，以及改进 CPU 剖析缓存

    https://github.com/flutter/devtools/pull/3357

Web 版平台视图

并不是仅有 Android 和 iOS 平台的性能得到了改进，此版本还改进了 Web 版 Flutter 平台视图的性能。如果您不熟悉平台视图，这里简单介绍一下: 它是 Flutter 供您托管来自应用底层平台的原生界面组件的方式。Web 版 Flutter 使用 HtmlElementView widget 实现这一功能，用于在 Flutter web 应用中托管 HTML 元素。如果您正在使用 google_maps_flutter 或 video_player 插件的 Web 版本，或者您正在遵循 Flutter 团队关于如何在 Web 平台优化显示图像的建议，那么您就是在使用平台视图。

  • HtmlElementView

    https://api.flutter.cn/flutter/widgets/HtmlElementView-class.html

  • 在 Web 中展示图片

    https://flutter.cn/docs/development/platform-integration/web-images#use-img-in-a-platform-view

在 Flutter 之前的版本中，嵌入平台视图会立即构建一个新的 canvas，每增加一个平台视图，都会添加一个新的 canvas。这些额外生成的 canvas 成本高昂，因为每个 canvas 都是整个窗口的大小。而在新版本中，我们复用了为之前的平台视图创建的 canvas，因此相比较之前每秒承担 60 倍的成本，如今在整个应用的生命周期内只需要承担一次成本即可。这意味着您可以在 Web 应用中创建多个 HtmlElementView 而不损失性能，同时可减少使用平台视图时的滚动卡顿。

  • #28087: 优化特殊用例下的 CanvasKit 平台视图

    https://github.com/flutter/engine/pull/28087

生态系统

Flutter 不仅仅是框架、引擎和工具: pub.dev 上有超过 20,000 个与 Flutter 兼容的 package 和插件，而且每天还在不断产生更多的内容。Flutter 开发者日常大量互动的内容构成了一个更为庞大的生态系统，让我们一起来看看自上个版本以来 Flutter 生态系统的发展吧。

Flutter Ads 正式发布

首先，也是最重要的是，Google Mobile Ads SDK for Flutter 已正式发布。

8e9eb25bfa1a25490b5d0b93144711cf.png

此版本支持 5 种广告格式，集成了 AdMob 和 Ad Manager 支持，并包含新中介功能的测试版，可帮助您优化广告效果。有关将 Google Ads 集成到 Flutter 应用以及其他获利方案的更多信息，请查看有关获利的详细信息:

https://flutter.cn/monetization

WebView 3.0

这次 Flutter 还带来了 webview_flutter 插件的 3.0 版本:

最低0.47元/天 解锁文章
博客
Web 开发指向标 | Chrome 开发者工具学习资源 (六)
11-05 354
大语言模型 (LLM) 是一项新兴且活跃的研究领域，而现代 Web 开发和调试同样是一项高度复杂且极具挑战性的工作，虽然我们会尽最大努力不断提高生成回答的质量和准确度，但您仍需要甄别 LLM 生成的回答。Google 会收集这些输入数据、生成的输出、相关功能使用情况信息以及您的反馈，并利用这些数据提供、改进和开发 Google 产品、服务和机器学习技术，包括 Google 的企业产品，如 Google Cloud。开始使用之前，请务必了解下方的 "已知问题" 和 "我们如何使用您的数据" 部分。
博客
C2S-Scale 27B 模型: AI 解码 “细胞语言“，发现癌症疗法新途径
11-03 763
但在免疫惰性环境中收效甚微。它表明，通过遵循规模定律并构建像 C2S-Scale 27B 这样更大的模型，我们可以创建出足够强大的细胞行为预测模型，使其运行高通量虚拟筛选，发现基于特定情境下的生物学现象，并生成具备生物学基础的假说。在模型筛选出的众多候选药物中，一小部分 (10-30%) 符合条件的药物已出现在先前的文献中，而其余的候选药物则在。值得注意的是，在我们的实验室测试中，silmitasertib 和低剂量干扰素的组合让抗原呈递显著增加了约 50%，这使免疫系统更容易识别肿瘤。
博客
超越孤岛，赋能智能: Google Cloud AI Lakehouse 如何重塑您的数据未来
11-03 13
当 Agent 接收到一个模糊的请求，如 "分析上季度的客户流失情况" 时，知识引擎会提供必要的上下文: 它知道哪些表是 "客户主数据"，哪个字段代表 "最后活跃日期"，以及业务上如何定义 "流失"。这为 Agent 的行动提供了坚实的基础，有效避免了 AI 模型常见的 "幻觉" 问题，确保其响应是基于事实的。例如，用户可以提出 "找出在最近一次营销活动中，对高利润产品反应最积极的客户群体，并分析他们的共同特征"，Agent 能够自主地关联营销、销售和产品数据，完成这一系列复杂的分析。
博客
C2S-Scale 27B 模型: AI 解码 “细胞语言“，发现癌症疗法新途径
11-03 517
但在免疫惰性环境中收效甚微。它表明，通过遵循规模定律并构建像 C2S-Scale 27B 这样更大的模型，我们可以创建出足够强大的细胞行为预测模型，使其运行高通量虚拟筛选，发现基于特定情境下的生物学现象，并生成具备生物学基础的假说。在模型筛选出的众多候选药物中，一小部分 (10-30%) 符合条件的药物已出现在先前的文献中，而其余的候选药物则在。值得注意的是，在我们的实验室测试中，silmitasertib 和低剂量干扰素的组合让抗原呈递显著增加了约 50%，这使免疫系统更容易识别肿瘤。
博客
C2S-Scale 27B 模型: AI 解码 “细胞语言“，发现癌症疗法新途径
11-03 261
但在免疫惰性环境中收效甚微。它表明，通过遵循规模定律并构建像 C2S-Scale 27B 这样更大的模型，我们可以创建出足够强大的细胞行为预测模型，使其运行高通量虚拟筛选，发现基于特定情境下的生物学现象，并生成具备生物学基础的假说。在模型筛选出的众多候选药物中，一小部分 (10-30%) 符合条件的药物已出现在先前的文献中，而其余的候选药物则在。值得注意的是，在我们的实验室测试中，silmitasertib 和低剂量干扰素的组合让抗原呈递显著增加了约 50%，这使免疫系统更容易识别肿瘤。
博客
C2S-Scale 27B 模型: AI 解码 “细胞语言“，发现癌症疗法新途径
11-03 258
但在免疫惰性环境中收效甚微。它表明，通过遵循规模定律并构建像 C2S-Scale 27B 这样更大的模型，我们可以创建出足够强大的细胞行为预测模型，使其运行高通量虚拟筛选，发现基于特定情境下的生物学现象，并生成具备生物学基础的假说。在模型筛选出的众多候选药物中，一小部分 (10-30%) 符合条件的药物已出现在先前的文献中，而其余的候选药物则在。值得注意的是，在我们的实验室测试中，silmitasertib 和低剂量干扰素的组合让抗原呈递显著增加了约 50%，这使免疫系统更容易识别肿瘤。
博客
云上技术汇 | 用 BigQuery 数据科学智能体，零代码构建销量预测模型！
10-31 22
数据清洗、特征工程、模型调试，这些重复性工作仍在消耗您的宝贵时间吗？Google Cloud 的 BigQuery 数据科学智能体，能听懂您的自然语言指令，自动完成从规划、执行到错误修复的全流程。本期视频，我们带您深入了解 BigQuery 如何将您从代码中解放，实现从业务问题到数据洞察的高速转化。以下文章来源于谷歌云服务，作者 Google Cloud。
博客
Web 开发指向标 | Chrome 开发者工具学习资源 (五)
10-31 455
这在一定程度上有效地补充了现有机制: 一是由内容安全策略提供的基于 URL 的检查，二是由子资源完整性提供的基于内容的检查。此功能在统计信息的创建时机方面，与规范保持一致。新的权限策略可用于限制对设备属性 API 的访问权限，该 API 仅适用于策略安装的 kiosk Web 应用和策略安装的隔离式 Web 应用，且仅在受管理的 ChromeOS 设备上可用。在桌面端，现在的 "eager" 积极程度推测规则会在用户悬停在链接上的时间短于 "moderate" 鼠标悬停时间时，触发预提取和预渲染。
博客
【今晚开播】社区说｜端侧 AI 技术会: 从 Web 到 Android 的智能革新
10-30 25
无论您是致力于提升产品体验的前端开发者，还是专注移动端 AI 创新的工程师，或是探索智能化转型的技术负责人，本次分享都将为您提供可借鉴、可复用的端侧 AI 集成方法论，助力构建下一代智能化的应用体系。从 Chrome Built-in AI 开启 Web 原生智能新纪元，到 Gemma 3 在移动端实现极速、隐私保护的 AI 应用，再到 Android 平台 AI Agent 的工程化实践，三位一线技术专家将分享端侧 AI 与开发环境深度融合的最新实践成果。绝佳机会，不容错过！
博客
DevFest Google Cloud 出海专场
10-29 813
(GDG) 是世界最大的开发者社区，在全球 140 多个国家/地区设有 1000 多个 GDG，影响力覆盖 60 万开发者。欢迎访问 https://developers.google.com/community/gdg（需在稳定的网络环境下打开），寻找离您最近的社区。从赋能 AI 落地到开创出海新局，出海专场将覆盖技术选型、业务部署到商业拓展，为你提供从技术到商业的完整解决方案。停车: 公付停车费: ￥40/辆/6 小时以内，￥80/辆/12 小时以内。史洁 / Google Cloud AI 专家。
博客
社区说｜端侧 AI 技术会: 从 Web 到 Android 的智能革新
10-28 37
无论您是致力于提升产品体验的前端开发者，还是专注移动端 AI 创新的工程师，或是探索智能化转型的技术负责人，本次分享都将为您提供可借鉴、可复用的端侧 AI 集成方法论，助力构建下一代智能化的应用体系。从 Chrome Built-in AI 开启 Web 原生智能新纪元，到 Gemma 3 在移动端实现极速、隐私保护的 AI 应用，再到 Android 平台 AI Agent 的工程化实践，三位一线技术专家将分享端侧 AI 与开发环境深度融合的最新实践成果。绝佳机会，不容错过！
博客
Web 开发指向标 | Chrome 开发者工具学习资源 (四)
10-27 1065
一般来说，开发者工具可以帮助您修复与问题 2 相关的错误，因为这些错误很容易以自动化方式检测到。如需了解详情，请参阅。此选项可能与您的无障碍功能评分无关，因此您可以使用自己喜欢的选项。使用此选项可查看您的网页在没有动画或流畅滚动等效果时的显示效果。此选项应与您的无障碍功能评分无关，因此您可以使用自己喜欢的任何选项。通过无障碍功能树的全页视图，您可以浏览整个树，并帮助您更好地了解您的网站内容在辅助技术面前的呈现形式。，以了解在用户请求减少设备上使用的透明或半透明层效果后，您的 Web 内容会以什么方式显示。
博客
1024，不止程序员节！创意黑客松 Nano Banana 出海专场回顾
10-24 303
由 Google Cloud 为参赛选手提供云代金券支持，让出海开发者能够体验 Nano Banana 的图像生成与编辑魅力，以 AI 驱动创意转化，加速灵感实现。邀请三位 GDE (谷歌开发者专家) 担任评审，从技术实现、创意价值、出海潜力等维度给予专业指导，帮助开发者更好地完善作品，让创意更具落地性。简洁透明的线上赛制，让更多开发者可以轻松参与 AI 实践，参赛者在小红书上以笔记形式展示项目，真实互动助力创意被看见。对开发者来说，是写在代码里的专属语言，更是一场开发者的全球化探索实践，
博客
DevFest 2025 杭州站: 完整日程抢先看
10-23 868
You Mind、Rokid、Lily FM、YidooO、Atlassian AI dev agent、康心伴、Tacore.AI、PPT AI、evolink.ai、ReforeAI、AI 拍学机、黄小仙来也、Second Me、Cloze。本届 DevFest 将推动 "行动与实践"，通过前沿技术分享与实操环节，开发者可以将 AI 与云原生理念落地应用，打造既强大又负责任的技术解决方案，助力每一位技术人迎接智能时代的挑战。Datawhale、特工宇宙、异步社区、WaytoAGI、周周黑客松。
博客
MCP 赋能 AI 编码助理 | Chrome 开发者工具学习资源 (三)
10-22 546
当需要调查网站的性能时，LLM 可以使用此工具启动 Chrome、打开您的网站，并使用 Chrome 开发者工具记录性能追踪数据。借助 MCP 协议，Chrome 开发者工具 MCP 服务器可以为您的编码智能体赋予新的调试能力，使其在网站构建过程中表现更加出色。AI 编码助理可以直接在 Chrome 中调试网页，并从开发者工具的调试能力和性能洞察中获益。我们推出了新版 Chrome 开发者工具模型上下文协议 (MCP) 服务器的公开预览版，将 Chrome 开发者工具的强大功能引入 AI 编码助理。
博客
线上课堂 | Gemini Enterprise 全新发布
10-21 32
它提供了一套完整的智能体系，将顶尖模型、无代码工具与企业数据安全地融为一体，彻底改变您的工作方式。对于正在拓展全球业务的出海企业而言，这意味着您可以在一个统一、安全且易于管理的平台中发现、创建和运行 AI Agent，为您的全球化征程注入前所未有的动力。加入我们，开启您的 AI 之旅。直播中，将随着课程发布课堂小测验，最快答对的观众即可获得 Google Cloud 礼品。提出有价值问题的同学，将有机会赢取专属神秘好礼。填写问卷留下您的宝贵意见，即有机会获得 Google Cloud 礼品。
博客
云上共赢记｜AI 如何预判式反欺诈？Airwallex 携手 Google Cloud 引领全球金融变革
10-21 36
本期《云上共赢记》，我们请到了全球金融科技企业 Airwallex 的工程总监 Andy Chow，听他分享企业出海背后的 "增长密码"！在不断演进的全球金融科技版图中，一个安全、可扩展且智能的云平台是企业实现全球化增长的变革性力量。🌐 智能简化合规: 自动应对复杂的国际银行法规，让全球业务再无后顾之忧。点击视频，一起探索 AI 如何变革全球金融，解锁企业出海的全新方式！⚡️ AI 预判拦截: 在欺诈交易发生前就精准识别，防患于未然！💡 赋能极速决策: 帮助全球企业在瞬息万变的商机中，抢占先机！
博客
对话式分析智能体如何引领数据分析的未来
10-21 29
他们得以转型为更具战略性的角色，将宝贵的时间和精力投入到构建 AI 智能体、优化数据模型以及发掘更深层次、更具价值的商业洞察中，从而最大化他们的专业贡献。员工无需学习复杂的 SQL 语言或专业的 BI 工具，即可通过日常对话的方式自助完成数据探索，从而将数据驱动的决策力直接渗透到组织的每一个角落，从根本上降低了数据使用的门槛。这种效率的飞跃，让企业能够在瞬息万变的市场中实现真正的 "实时" 响应，从而迅速抓住市场机遇，是实现敏捷决策的关键能力。大语言模型的 "幻觉" 问题，可能导致其生成错误的 SQL。
博客
Web 开发指向标 | Chrome 开发者工具学习资源 (二)
10-20 850
中您了解了 Chrome 开发者工具的基础概览，本文是学习资源的第二篇，将为您介绍打开 Chrome 开发者工具的多种方式，请继续阅读，也欢迎您持续关注。如果您更喜欢在界面中进行操作，可以通过 Chrome 中的下拉菜单访问开发者工具。浏览器中，帮助您即时修改页面和快速诊断问题，让您能够更快地构建更好的网站。如需打开上次使用的开发者工具面板，请点击地址栏右侧的三点按钮，然后依次选择。在您关闭 Chrome 之前，系统会为每个新标签页自动打开开发者工具。或者，您也可以使用快捷键打开上次使用的面板。
博客
谷歌开发者嘉年华杭州站日程新鲜出炉
10-17 217
(GDG) 是世界最大的开发者社区，在全球 140 多个国家/地区设有 1000 多个 GDG，影响力覆盖 60 万开发者。欢迎访问 https://developers.google.com/community/gdg (需在稳定的网络环境下打开），寻找离您最近的社区。的主题，本届大会将聚焦 AI + Google Cloud 两大核心技术，推动 AI 与云原生技术在真实场景中的深度融合，重点提升开发者构建兼具创新性、可扩展性与伦理意识的下一代应用能力。与两地技术社区深度交流，拓展开发视野与职业网络。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值