关于flutter:Flutter-25正式版发布带来多项重大更新

47次阅读

共计 7600 个字符,预计需要花费 19 分钟才能阅读完成。

在通过了近两个月的版本迭代后,Flutter 官网在昨天公布了 Flutter 2.5 版本。依据官网的介绍,这是一个大版本更新,一共敞开了 4600 个问题,从 252 个贡献者和 216 个审阅者合并了 3932 个 PR。

此版本连续了一些重要的性能和工具改良,同时又公布了一些新性能,包含:

  • 对 Android 的全屏反对、更多 Material You(也称为 v3)反对;
  • 更新的文本编辑以反对可切换的键盘快捷键;
  • 在 Widget Inspector 中更具体地查看你的小部件;
  • 在 Visual Studio Code 我的项目中增加依赖关系的新反对;
  • 从 IntelliJ/Android Studio 的测试运行中获取笼罩信息的新反对;
  • 以及提供一个全新的应用程序模板,为你的 real-world Flutter 应用程序提供更好的根底。

性能:iOS 着色器预热、异步工作、GC 和消息传递

此版本带来了多项性能改良。

(#25644) 此列表中的第一个 PR,次要用于从离线训练运行中连贯 Metal 着色器预编译,它将最坏状况的帧光栅化工夫缩小了 2/3 秒,将第 99 个百分位帧缩小了一半。然而着色器预热只是卡顿的起源之一,在之前的版本解决来自网络、文件系统、插件或其余 isolate 的异步事件都可能会中断动画,这是另一个卡顿的起源。

(#25789)本版本中对 UI isolate 的事件循环的调度策略(#25789)进行了改良,当初帧解决优先于其余异步事件的解决,从而在测试中打消了此问题产生的卡顿。


另一个导致卡顿的起因是垃圾收集器 (GC) 暂停 UI 线程以回收内存。以前某些图像的内存在响应 Dart VM 的 GC 执行时会提早回收,作为晚期版本中的解决办法,Flutter 引擎会通过 Dart VM 的 GC 回收暗示图像内存能够回收,这在实践上能够实现了更及时的内存回收。可怜的是这也导致了太多的次要 GC,并且有时依然无奈足够快地回收内存。

因而,在此版本中,(#26219、#82883、#84740)解决了未应用的图像的内存没有被急迫地回收的问题,大大降低了了 VM 的 GC 问题。

例如,在上面的测试中,播放 20 秒动画 GIF 从须要 400 屡次 GC 变为只须要 4 次。更少的次要 GC 意味着波及图像呈现和隐没的动画将缩小卡顿,并耗费更少的 CPU 和功率。

Flutter 2.5 的另一个性能改良是在 Dart 和 Objective-C/Swift (iOS) 或 Dart 和 Java/Kotlin (Android) 之间发送音讯时的提早。

通常,作为消息传递的一部分,从音讯编解码器中删除不必要的正本可将提早缩小高达 50%,不过具体数据取决于音讯大小和设施(#25988,#26331)。


并且,对于 iOS 用户而言,此版本带来了一项重大的更新,即在 Apple Silicon M1 Mac 上构建的 Flutter 应用程序也能够在 ARM iOS 模拟器 (#85642) 上运行。

这意味着 Intel x86_64 指令和 ARM 之间没有 Rosetta 转换,从而进步你的 iOS 应用程序测试期间的性能,并容许你防止一些奥妙的 Rosetta 问题(#74970、#79641),这是全面反对 Flutter 的苹果开发方面又进一步。

Dart 2.14:格局、语言个性、公布和 linting 开箱即用

此版本的 Flutter 和 Dart 2.14 是一起公布的。

新版本的 Dart 带有新的格局,使级联更加清晰;新的 pub 反对疏忽文件,以及新的语言性能,包含三重移位运算符的回归。此外,Dart 2.14 创立了一组规范的 lint,在新的 Dart 和 Flutter 我的项目之间共享,开箱即用。

Android 全屏、Material You & 文本编辑快捷方式

从(#81303)开始, 咱们修复了 Android 一系列与全屏模式相干的问题,此更改还增加了一种在其余模式下收听全屏更改的办法。例如,用户与利用互动时,当零碎 UI 返回时,开发人员当初能够编写代码在返回全屏时执行其余操作。


在此版本中,咱们对新 Material You(又名 v3)的标准减少了反对,包含对浮动操作按钮大小和主题的更新(#86441),在 MaterialState.scrolledUnder 能够应用 Demo 中的示例代码查看的新状态 PR 式例 (#79999)。

另一个改良是增加了 scroll metrics notifications(#85221、#85499),即便用户没有滚动,它也会提供可滚动区域的提醒。例如,上面显示了 ListView 依据的列表的大小显示滚动条。

在这种状况下不用编写任何代码,但如果想捕捉 ScrollMetricNotification 更改,则能够通过捕捉此监听来实现。

另一个杰出的社区奉献是为 ScaffoldMessenger,你可能还记得 从 Flutter 2.0 开始 ScaffoldMessenger 提供了一个更弱小的形式来显示 SnackBars,在屏幕的底部为用户提供告诉。当初,从 Flutter 2.5 开始,咱们能够在 Scaffold 的顶部增加一个横幅,该横幅会始终放弃到用户敞开它为止。

咱们能够通过调用 showMaterialBanner() 办法来取得此行为的 ScaffoldMessenger,如下所示。

class HomePage extends StatelessWidget {const HomePage({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) => Scaffold(
        appBar: AppBar(title: const Text('The MaterialBanner is below'),
        ),
        body: Center(
          child: ElevatedButton(child: const Text('Show MaterialBanner'),
            onPressed: () => ScaffoldMessenger.of(context).showMaterialBanner(
              MaterialBanner(content: const Text('Hello, I am a Material Banner'),
                leading: const Icon(Icons.info),
                backgroundColor: Colors.yellow,
                actions: [
                  TextButton(child: const Text('Dismiss'),
                    onPressed: () => ScaffoldMessenger.of(context)
                        .hideCurrentMaterialBanner(),),
                ],
              ),
            ),
          ),
        ),
      );
}

Material 指南规定,Flutter 的横幅一次只能显示一个,如果要显示屡次,那么就须要调用屡次 showMaterialBanner、ScaffoldMessenger,兵手动保护一个队列,在前一个横幅已被敞开之后,再显示一个新横幅。

同时,在此版本中,咱们增加了文本编辑键盘快捷键可笼罩的性能(#85381),这是在 Flutter 2.0 及其新的文本编辑性能的根底上的进一步优化。例如,咱们能够文本抉择以及可能在解决键盘事件后进行它的事件流传。

DefaultTextEditingShortcuts 类蕴含每个平台上受反对的键盘快捷键列表,如果开发者想笼罩任何内容,能够应用 Flutter 的现有 Shortcuts 将任何快捷方式从新映射到现有或自定义用意,应用参考:DefaultTextEditingShortcuts。

插件:相机、图像选择器和 plus 插件

新版本对相机插件、图像选择器插件进行了降级和优化,重点解决如下问题:

  • #3795 [相机] android-rework 第 1 局部:反对 Android 相机性能的基类
  • #3796 [相机] android-rework 第 2 局部:Android 主动对焦性能
  • #3797 [camera] android-rework part 3:Android 曝光相干性能
  • #3798 [相机] android-rework 第 4 局部:Android 闪光和变焦性能
  • #3799 [相机] android-rework 第 5 局部:Android FPS 范畴、分辨率和传感器方向性能
  • #4039 [相机] android-rework 第 6 局部:Android 曝光和焦点性能
  • #4052 [camera] android-rework part 7:Android 降噪性能
  • #4054 [相机] android-rework 第 8 局部:最终实现的反对模块
  • #4010 [camera] 在 iOS 上不触发设施方向
  • #4158 [相机] 修复坐标旋转以在 iOS 上设置焦点和曝光点
  • #4197 [相机] 修复相机预览并不总是在方向扭转时重建
  • #3992 [camera] 设置不受反对的 FocusMode 时避免解体
  • #4151 [camera] 引入 camera_web 包

image_picker 插件也做了很多优化,晋升了端到端的相机体验。

  • #3898 [image_picker] 图像选择器修复相机设施
  • #3956 [image_picker] 将相机捕捉的存储地位更改为 Android 上的外部缓存,以合乎新的 Google Play 存储要求
  • #4001 [image_picker] 删除了对相机权限的冗余申请
  • #4019 [image_picker] 当相机是 source 时修复旋转问题

通过下面的优化,改良了 Android 的相机和 image_picker 插件的性能和稳健性。同时,在 Web 上查看相机预览、拍照、应用闪光灯和缩放控件提供根本反对,不过目前还不是被认可的插件,因而开发者须要明确增加它以在能力在 Web 中应用。

过期 API 提醒

在此版本的 Flutter 中,Flutter 团队提供的每个相应插件都带有相似【Battery】的提醒,用于示意插件是否过期。如果这些插件被标识为【Battery】,那么咱们不再被踊跃保护,咱们倡议应用以下插件的 plus 版本:

Flutter DevTools:性能、Widget 查看器和 Polish

此次,DevTools 中减少利用引擎更新的反对(#26205、#26233、#26237、#26970、#27074、#26617)。

当初,应用 DevTools,咱们能够更好地将跟踪事件与特定框架相关联,这有助于开发人员在呈现问题后剖析问题产生的起因。

借助 DevTools,咱们能够 Frames 图表中看到页面被渲染的残缺渲染过程,并且能够在应用程序出现时填充到此图表中,从此图表中抉择一个帧就能够导航到该帧的工夫线事件,咱们能够应用这些事件来帮忙诊断应用程序中的着色器编译卡顿问题。

DevTools 会检测何时因着色器编译失落帧,以便能够解决卡顿问题。这和之前应用 DevTools 进行内存剖析的步骤是根本相似的。

此外,在跟踪应用程序中的 CPU 性能问题时,可能会被来自 Dart 和 Flutter 库或引擎本机代码的剖析数据吞没,如果想敞开其余烦扰,只专一于您本人的代码,您能够应用新的 CPU Profiler 性能(#3236)来实现,该性能能够从这些起源中暗藏分析器信息。


对于没有过滤掉的任何类别,它们当初曾经进行了色彩编码(#3310、#3324),便能够轻松查看 CPU 帧图表来自零碎的哪些局部。黑白框架图,用于辨认利用中的利用、原生、Dart 和 Flutter 代码流动。

同时,此版本的 DevTools 附带了对 Widget Inspector 的更新,容许将鼠标悬停在 Widget 来获取评估对象、视图属性、小部件状态等信息。

并且,当抉择一个 Widget 时,会主动获取 Widget 的属性。

除了新性能外,Widget Inspector 还进行了更新和优化,更新后 DevTools 调试 Flutter 应用程序也更有用。

优化和扭转的内容具体表现如下几个方面:

  • 优化调试切换按钮 :咱们对这些按钮进行了更新,以让它更好的表白它们的作用,并且每个工具提醒都会链接到该性能的具体文档。
  • 更容易的界面剖析和定位 :Flutter 框架中罕用的 Widget 都会在左侧的 Widget 树视图中显示图标,它们依据类别进一步进行色彩编码,例如布局 Widget 显示为蓝色,而内容 Widget 显示为绿色。
  • 对齐布局资源管理器和组件树的配色计划 :当初能够更轻松地从布局资源管理器和 Widget 树中辨认雷同的 Widget。例如,屏幕截图中的“列”Widget 位于布局浏览器中的蓝色背景上,并且在 Widget 树视图中具备蓝色图标。

目前,DevTools 一共发了多个版本,咱们也很想听听您对这些更新的应用状况和想法,上面是 DevTools 新性能的残缺列表:

  • Flutter DevTools 2.3.2 Release Notes
  • Flutter DevTools 2.4.0 Release Notes
  • Flutter DevTools 2.6.0 Release Notes

IntelliJ/Android Studio:集成测试、测试覆盖率和图标预览

当然,随同着 Flutter 的更新,咱们的 IntelliJ/Android Studio 插件在此版本中也进行了许多改良。首先,是增加了运行集成测试的能力 (#5459)。

集成测试是在设施上运行的整个应用程序的一种测试形式,测试的代码位于 integration_test 目录中,并应用与 testWidgets() 单元测试雷同的性能。

要将集成测试增加到我的项目,须要依照 flutter.dev 上的阐明进行操作,要将测试与 IntelliJ 或 Android Studio 连贯,请增加启动集成测试的运行配置并连贯设施以供测试应用。而后,再启动后,运行测试,包含设置断点、步进、跳过等。

此外,Flutter 最新的 IJ/AS 插件容许查看单元测试和集成测试运行的覆盖率信息,能够从“调试”左边的按钮来查看测试覆盖率的信息。

笼罩信息会在编辑器的装订线中应用红色和绿色条进行辨别,在示例程序中,第 9-13 行被测试,但第 3 和 4 行没有被测试。

最新版本还包含预览来自 pub.dev 包中应用的图标的新性能,这些包是围绕 TrueType 字体文件(#5504、#5595、#5595、#5704)构建的,就像 Material 和 Cupertino 图标反对预览一样。


要启用图标预览,您须要通知插件您正在应用哪些软件包,settings/preferences 中有一个新的文本字段。

上面是 IJ/AS 插件的更多信息:

  • Flutter IntelliJ Plugin M57 Release
  • Flutter IntelliJ Plugin M58 Release
  • Flutter IntelliJ Plugin M59 Release
  • Flutter IntelliJ Plugin M60 Release

Visual Studio Code:依赖项、Fix All 和 Test Runner

Flutter 的 Visual Studio Code 插件也在此版本中进行了改良和降级,并且新增了两个命令“Dart: Add Dependency”和“Dart: Add Dev Dependency”(#3306, #3474)。

这些命令提供的性能相似于 Jeroen Meijer 的 Pubspec Assist 插件,新命令开箱即用,并提供定期从 pub.dev 获取的包类型过滤列表。

除此之外,开发者还可能对实用于 Dart 文件的“Fix All”命令(#3445、#3469)感兴趣,并且能够一步修复所有与 dart fix 雷同的问题。


当然,咱们也能够通过增加 source.fixAlleditor.codeActionsOnSave 来设置保留运行时数据,也能够启用该 dart.previewVsCodeTestRunner 设置来测试运行的 Dart 和 Flutter 的相干内容。


Visual Studio Code 测试运行器看起来与以后的 Dart 和 Flutter 测试运行器略有不同,它会跨会话保留运行后果。Visual Studio Code 测试运行器还增加了新的装订线图标,显示测试的最初状态,能够单击以运行测试(或右键单击以获取上下文菜单)。

在行将公布的版本中,现有的 Dart 和 Flutter 测试工具将被移除,以反对新的 Visual Studio Code 测试工具。

工具:异样、新利用模板和 Pigeon 1.0

当初,调试器也进行了相应的降级优化,能够在未解决的异样上正确中断,而这些异样以前时只能被 framework 捕捉 (#17007)。这改善了调试体验,因为调试器能够间接指向代码中呈现问题的代码行。

自 Flutter 诞生以来,咱们就应用 Counter 作为利用的模板,它具备许多长处:

  • 展现了 Dart 语言的许多个性;
  • 展现了几个要害的 Flutter 概念,并且它足够小;
  • 能够放入单个文件中,即便有很多的解释性评论;

尽管如此,咱们还是感觉它没有为 Flutter 开发提供一个十分好的模版。因而,在此版本中,咱们提供了一个新模板 (#83530),创立的命令如下:

flutter create -t skeleton my_app


骨架模板生成一个遵循社区最佳实际的两页列表视图,并提供了上面的性能:

  • 用于 ChangeNotifier 协调多个 Widget
  • 默认状况下应用 arb 文件生成本地化
  • 包含示例图像并为图像资产建设 1x、2x 和 3x 文件夹
  • 应用“性能优先”的文件夹组织
  • 反对共享首选项
  • 反对明暗主题
  • 反对多页面间导航

随着工夫的推移,咱们会持续欠缺新模板,直到他更好的为让想要理解它的人学习它。

另一方面,咱们还降级了 Pigeon,并公布了的 1.0 版本。Pigeon 是一个代码生成工具,用于在 Flutter 及其主机平台之间生成类型平安的互操作代码,它容许定义插件 API 的形容,并为 Dart、Java 和 Objective-C(别离可用于 Kotlin 和 Swift)生成框架代码。


目前,Flutter 团队的一些插件中曾经应用了 Pigeon,在此版本中它提供了更多有用的谬误音讯,减少了对泛型、原始数据类型作为参数和返回类型以及多个参数的反对,预计开发者未来会更频繁地应用它。

其余

除此之外,Flutter 2.5 的重大更改和弃用还有如下一些:

  • 默认拖动滚动设施
  • 在 v2.2 之后删除了弃用的 API
  • 引入包:flutter_lints
  • ThemeData 的 accent 属性已被弃用
  • 手势识别器清理
  • 用 collate 替换 AnimationSheetBuilder.display
  • 应用 HTML 插槽在 Web 中出现平台视图
  • 将 LogicalKeySet 迁徙到 SingleActivator

此外随着 Flutter 2.5 的公布,咱们将弃用 2020 年 9 月发表的对 iOS 8 的反对。放弃对市场份额不到 1% 的 iOS 8 的反对,使 Flutter 团队可能专一于更宽泛应用的新平台,弃用意味着这些平台能够工作,但咱们不会在这些平台上进行性能的更新和插件的反对。

参考:Flutter 2.5 更新

正文完
 0