本文首发自[慕课网] ，想理解更多IT干货内容，程序员圈内热闻，欢送关注”慕课网”及“慕课网公众号”！
作者： CrazyCodeBoy |慕课网名师
往年的Google I/O满满的 AI与狠活，而且还推出 Flutter 3.10，接下来就让我带你一起来看看 Flutter 3.10都有哪些变动吧！
首先看此次更新的亮点：
公布了Dart 3，并引入到 Flutter 3.10中；
iOS 默认应用了 Impeller；
Material更新到了M3版本，并且很多控件在M3版本下都有更新；
Web 能够无iframe 嵌套到其余利用；
另外， Flutter 3.10还包含许多Web、挪动端、图形、平安等方面的改良。
引擎（Engine）方面的更新
Impeller
在3.7稳固版本中，Flutter官网在iOS上预览了Impeller。自那时以来，Flutter官网收到了许多用户的贵重反馈，并加以解决。在此版本中，Impeller有超过250个提交，Flutter官网将Impeller设为iOS上的默认渲染器。应用Flutter3.10构建的所有iOS利用默认应用Impeller。这些iOS利用将具备更少的卡顿和更稳固的性能。
自3.7版本以来，Impeller在iOS上改善了其内存占用。Impeller应用更少的渲染通道和两头渲染指标。在较新的iPhone上，启用有损纹理压缩能够减小内存占用，而不影响保真度。这些改良也显著进步了iPad的性能。
以”Wonderous”利用中的”pull quote”屏幕为例。这些改良将简直缩小了这些屏幕的一半内存占用。缩小内存应用还使GPU和CPU的负载略微升高。”Wonderous”利用可能无奈察觉到负载的升高。之前它的帧曾经在估算范畴内渲染，但这一变动应缩短电池的使用寿命。
Impeller还可能更快地实现受欢迎的性能申请。其中一个例子是在iOS上反对更宽泛的P3色调范畴。无关该性能的形容，请查看本文的其余局部。
社区的奉献放慢了Flutter官网的停顿，尤其是GitHub用户ColdPaleLight和luckysmg。他们编写了多个与Impeller相干的补丁，进步了保真度和性能。
尽管Impeller满足了大多数Flutter利用的渲染需要，但你能够抉择退出Impeller。如果抉择退出，请思考在GitHub上提交问题，通知Flutter官网起因。利用用户可能会留神到Skia和Impeller在渲染方面存在轻微差别。这些差别可能是谬误，因而请不要犹豫提交问题。在将来的版本中，Flutter官网将删除iOS上的旧版Skia渲染器，以减小Flutter的大小。
Impeller的Vulkan后端仍在继续开发中。Impeller在Android上仍处于踊跃开发阶段，但尚未筹备好进行预览。Flutter官网打算在不久的未来分享更多相干内容。
要理解Flutter官网的停顿，请查看Flutter官网的GitHub我的项目板。
与性能（Performance）无关的更新
3.10版本除了Impeller之外，还蕴含了更多性能改良和修复。
打消卡顿
Flutter官网要感激开源贡献者luckysmg。他们发现能够从Metal驱动程序中缩小获取下一个可绘制层的工夫。要取得此劣势，你须要将FlutterViews的背景色彩设置为非空值。这个扭转打消了在最新的iOS 120Hz显示器上的低帧率问题。在某些状况下，帧率进步了三倍。这帮忙Flutter官网解决了六个以上的GitHub问题。这个扭转十分重要，Flutter官网将一个修复补丁回溯到了3.7版本中。
在3.7稳定版中，Flutter官网将本地图片的加载从平台线程移到Dart线程，以防止提早平台线程的vsync事件。然而，用户留神到这个在Dart线程上的额定工作也引起了一些卡顿问题。在此版本中，Flutter官网将本地图片的关上和解码从Dart线程移到了后盾线程。这个扭转打消了在具备大量本地图片的屏幕上可能呈现的长时间暂停，同时防止了提早vsync事件。在Flutter官网的本地测试和自动化基准测试中，这个扭转将多个同时加载的图片的加载工夫缩短了一半。
Flutter官网持续在Flutter的新外部DisplayList构造之上构建优化。在此版本中，Flutter官网增加了基于R-Tree的剔除机制。该机制在渲染器中更早地删除绘制操作的解决。这个优化减速了，例如，一个输入在屏幕外的自定义绘制器的渲染。Flutter官网的微基准测试显示，DisplayList解决工夫缩小了多达50%。具备裁剪的自定义绘制器的改良成果可能会有所不同。改良水平取决于暗藏绘制操作的复杂性和数量。
缩小iOS启动提早
在利用程序包中进行标识符查找的低效策略减少了应用程序的启动提早。这个启动提早与应用程序的大小成比例增长。在此版本中，Flutter官网修复了利用程序包标识符查找的问题。这将大型生产应用程序的启动提早缩小了100毫秒，约为30-50%。
减小体积
Flutter默认应用SkParagraph作为文本成型、布局和渲染的默认库，Flutter官网增加了一个标记以回退到传统的libtxt和minikin库。因为Flutter官网对SkParagraph有充沛的信念，所以在此版本中Flutter官网移除了libtxt和minikin及其标记。这将减小Flutter的压缩大小约30KB。
稳定性
在3.0版本中，Flutter官网在渲染流程的前期启用了一项Android性能。这个Android性能应用了高级GPU驱动程序性能。当只有一个“脏”区域发生变化时，这些驱动程序性能只会从新绘制屏幕的较少部分。Flutter官网通过晚期的优化和相似成果的图形流水线进一步改良了这一点。只管Flutter官网的基准测试后果激励Flutter官网这么做，但呈现了两个问题。首先，最大改良的基准测试可能不能代表理论应用状况。其次，反对此GPU驱动程序性能的设施和Android版本的范畴证实很难找到。思考到停顿无限并且反对无限，Flutter官网在Android上禁用了局部从新绘制性能。
在Skia后端上，此性能在iOS上依然启用。Flutter官网预计在将来的版本中与Impeller一起启用它。
两个API改良
在Flutter 3.10中APNG解码器与图像加载API有所改进。
APNG解码器
Flutter 3.10解决了Flutter官网最受关注的问题之一。它减少了对APNG图像的解码能力。你能够应用Flutter现有的图像加载API加载APNG图像。
图像加载API改良
Flutter备受尊敬的工程总监tvolkert对dart:ui的图像加载API进行了改良。Flutter官网增加了一个新办法instantiateImageCodecWithSize。它反对以下三个条件的图像加载用例：
- 加载时纵横比未知
- 有边界框束缚
- 原始纵横比束缚
例如，当应用程序尝试从一组可能性中从网络加载并显示一张图片时。
与挪动端（Mobile）无关的更新
iOS
无线调试
当初，你能够在不应用数据线的状况下运行和热重载Flutter iOS应用程序了！在胜利将iOS设施与Xcode进行无线配对后，你能够应用flutter run命令将应用程序部署到该设施上。如果遇到问题，请确保Window > Devices和Simulators > Devices下显示了设施旁边的网络图标。要理解更多信息，请查看Flutter官网的文档。
宽色域图像反对
当初，iOS上的Flutter利用能够反对对宽色域图像进行精确渲染。要应用宽色域反对，应用程序必须应用Impeller，并在Info.plist文件中增加FLTEnableWideGamut标记。
拼写查看反对
SpellCheckConfiguration()小部件当初默认反对iOS上的Apple拼写查看服务。要应用此小部件，在CupertinoTextField中应用spellCheckConfiguration参数进行设置。
自适应复选框和单选按钮
此版本将CupertinoCheckBox和CupertinoRadio小部件增加到Cupertino库中。它们创立与苹果款式相匹配的复选框和单选按钮组件。
Material复选框和单选按钮小部件增加了.adaptive构造函数。在iOS和macOS上，这些构造函数应用相应的Cupertino小部件。在其余平台上，它们应用Material小部件。
优化Cupertino动画、过渡和色彩
Flutter 3.10改良了一些动画、过渡和色彩，以与SwiftUI相匹配。这些改良包含：
- 更新
CupertinoPageRoute过渡 - 在
CupertinoSliverNavigationBar中增加题目放大动画 -
在
CupertinoColors中增加了几个新的iOS零碎色彩
PlatformView性能
当PlatformViews呈现在屏幕上时，Flutter会在iOS上升高刷新率以缩小卡顿。应用程序用户将在应用程序显示动画或可滚动的PlatformViews时留神到这一点。
macOS和iOS能够在插件中应用共享代码
Flutter当初反对插件的pubspec.yaml文件中的[sharedDarwinSource](https://docs.flutter.dev/development/packages-and-plugins/developing-packages#shared-ios-and-macos-implementations)键。该键示意Flutter应该共享iOS和macOS的代码。
ios:
pluginClass: PathProviderPlugin
dartPluginClass: PathProviderFoundation
sharedDarwinSource: true
macos:
pluginClass: PathProviderPlugin
dartPluginClass: PathProviderFoundation
sharedDarwinSource: true利用扩大的新资源
Flutter官网增加了文档，供Flutter开发人员应用iOS利用扩大。这些扩大包含实时流动、主屏幕小组件和共享扩大。
为了简化创立主屏幕小组件和共享数据，Flutter官网在[path_provider](https://github.com/flutter/packages/pull/3450)和homescreen_widget插件中增加了新的办法。
跨平台设计的新资源
文档当初包含了针对特定UI组件的跨平台设计思考。要理解更多对于每个UI组件的信息，请查看Flutter UX GitHub存储库中的探讨。Flutter官网非常感谢任何意见或反馈！
Android
Android CameraX反对
Camera X是一个Jetpack库，能够简化在Android利用中增加丰盛的相机性能。这个性能实用于各种Android相机硬件。在这个版本中，Flutter官网为Flutter相机插件增加了对CameraX的初步反对。这个反对涵盖了以下用例：
- 图像捕获
- 视频录制
- 显示实时相机预览
如果你想尝试，请抉择应用CameraX实现。要抉择应用CameraX，请在你的pubspec.yaml文件中增加以下行。
Dependencies:
camera: ^0.10.4 # 最新的相机版本
camera_android_camerax: ^0.5.0
Flutter官网十分心愿听到你的反馈意见，因为Flutter官网将持续增加更多的CameraX性能，并将CameraX作为默认实现。
DevTools
Flutter官网持续改良DevTools，这是一套用于Dart和Flutter的性能和调试工具。一些亮点包含：
- DevTools UI 应用了Material 3，这既现代化了外观，又加强了可拜访性。
- DevTools控制台反对在调试模式下对运行中的利用进行评估。在此版本之前，只有在暂停利用时能力进行评估。
- 嵌入式的Perfetto跟踪查看器代替了之前的时间轴跟踪查看器。Perfetto解决更大的数据集，并且比传统的时间轴跟踪查看器性能更好。Perfetto还包含更多功能，例如：
- 容许你固定感兴趣的线程。
- 单击并拖动以抉择来自多个帧的多个时间轴事件。
- 应用SQL查问从时间轴事件中提取特定数据。
要理解更多信息，请查看DevTools 2.23.1、DevTools 2.22.2和DevTools 2.21.1的发行阐明。
弃用的API和一些重大更新
弃用和重大变更
弃用的API
这个版本中的重大变更包含自v3.7公布之后过期的已弃用API。要查看所有受影响的API，以及其余上下文和迁徙指南，请查看此版本的弃用指南。Dart Fix能够解决许多这些问题，包含IDE中的疾速修复和应用dart fix命令进行批量利用。
Android Studio Flamingo降级
在将Android Studio降级到Flamingo版本后，当尝试运行flutter run或flutter build你的Flutter Android利用时，可能会呈现谬误。这个谬误是因为Android Studio Flamingo将其捆绑的Java SDK从11更新到17导致的。当应用Java 17时，早于7.3的Gradle版本无奈运行。Flutter官网更新了flutter analyze --suggestions以验证此谬误是否是因为你的Java SDK和Gradle版本之间的不兼容性引起的。
要理解修复此谬误的不同办法，请查看Flutter官网的迁徙指南。
弃用Window单例
此版本弃用了window单例。依赖于它的应用程序和库应该迁徙到其余计划。这样能够为你的应用程序做好在将来版本的Flutter中启用多窗口反对的筹备。
框架（Framework）方面的更新
Material 3
Material库当初与最新的 Material Design spec相匹配。这些变动包含新的组件和组件主题，更新的组件视觉效果等。开发人员必须应用useMaterial3主题标记“抉择退出”这些变动。在下一个稳固版本中，useMaterial3将默认为true。
接下来会将Material 3统称为M3
如果要抉择应用 Material 库的 M3 版本，请在 MaterialApp 主题中设置 useMaterial3: true。当创立一个新利用时，flutter create 命令会在你的主题中增加这个设置。
也可通过Flutter的demo app工程来查看useMaterial3的成果。
ColorScheme.fromImageProvider()
M3的所有组件都配置了主题的“ColorScheme”的默认色彩。默认的色彩计划应用紫色的不同深浅。你能够依据单个“seed”色彩或图像创立自定义的色彩计划。在演示中尝试这两种变动。生成的色彩计划应该看起来难看且易于应用。
NavigationBar
这是一个提供了M3版本的 BottomNavigationBar 小部件。尽管 M3 应用了不同的色彩、高亮和高度，但它的性能与以前一样。要笼罩 NavigationBars 小部件的默认外观，能够应用 NavigationBarTheme 小部件。尽管不须要将现有利用迁徙到该组件，但对于新利用应该应用它。
NavigationDrawer
这是一个基于抽屉小部件的 M3 指标抉择小部件。NavigationDrawer 显示了一个单选列表，其中蕴含了 NavigationDestinations 小部件。你还能够在这个列表中蕴含其余小部件。当须要时，NavigationDrawer 能够滚动。要笼罩 NavigationDrawers 小部件的默认外观，能够应用 NavigationDrawerTheme 小部件。
SearchBar 和 SearchAnchor
这些组件为搜寻查问提供了预测文本性能。当用户输出搜寻查问时，应用程序在“搜寻视图”中计算出匹配的响应列表。用户能够抉择其中一个响应，或者调整查问。要笼罩这些组件的 M3 设计，能够应用 SearchBarTheme 和 SearchAnchorTheme 小部件。
Secondary Tab Bar
M3容许你创立一个第二层的分页内容。要辨别这个第二个Tab栏，能够应用TabBar.secondary。
M3中的日期选择器（DatePicker）更新
M3的 DatePicker 更新了日历和文本框版本的小部件的色彩、布局和形态。这并不扭转API，但增加了一个新的 DatePickerTheme。
M3中的工夫选择器（TimePicker）更新
M3版本的工夫选择器（TimePicker）与日期选择器（DatePicker）一样，对惯例和紧凑版本的小部件进行了色彩、布局和形态的更新。
M3中的底部弹出窗（BottomSheet）更新
除了M3版本的色彩和形态更新外，底部弹出窗（BottomSheet）当初减少了一个可选的拖动手柄，当设置showDragHandle为true时会显示。
M3中的列表项（ListTile）更新
M3版本的列表项（ListTile）更新了小部件的定位和间距。包含内容填充、前导和尾部小部件的对齐形式、最小前导宽度和垂直间距。API放弃不变。
M3中的抽屉（Drawer）更新
M3版本的抽屉（Drawer）更新了色彩和高度，并进行了一些小的布局调整。
M3中的文本输入框（TextField）更新
M3对所有的文本输入框（TextField）小部件进行了更新，以反对原生手势操作。在鼠标上双击或三击与在触摸设施上双击或三击的成果雷同。默认状况下，TextField和CupertinoTextField小部件都应用这些性能。
TextField 双击/点击手势
- 双击 + 拖动：在词块之间进行扩大抉择。
- 双击 + 拖动：在词块之间进行扩大抉择。
TextField triple click/tap gestures
三击
- 在多行的
TextField中，当点击地位处于段落块内时，会抉择该段落块（Android/Fuchsia/iOS/macOS/Windows）。 - 在多行的
TextField中，当点击地位处于行块内时，会抉择该行块（Linux）。 - 在单行的
TextField中，会抉择所有文本。
三点触控
- 在多行的
TextField中，当点击地位处于段落块内时，会抉择该段落块。 - 在单行的
TextField中，会抉择所有文本。
三击 + 拖动
- 在段落块内进行扩大抉择（Android/Fuchsia/iOS/macOS/Windows）。
- 在行块内进行扩大抉择（Linux）。
Flutter反对SLSA Level 1
Flutter框架当初合乎软件构建供应链安全级别（SLSA） Level 1规范。这意味着施行了许多平安性能，包含：
- 脚本化的构建过程。Flutter的构建脚本当初反对在受信赖的构建平台上进行自动化构建。在受爱护的架构上进行构建有助于避免构建产物被篡改，进步供应链的安全性。
- 多方审批和审计日志。Flutter的公布流程仅在多个工程师的批准后才执行。每个执行都会生成可审计的日志记录。这些更改确保没有人能够在源代码和构建产物生成之间引入批改。
- 起源可信性。Beta版和稳定版当初应用起源可信性进行构建。这意味着构建框架公布产物的起源是可信赖的，并且具备预期的内容。每个公布都会提供链接，以查看和验证在SDK存档上的起源可信性。
这项工作还使团队可能朝着合乎SLSA L2和L3的要求迈进。这两个级别专一于爱护构建过程中和之后的构建产物。
Web方面的更新
Flutter web利用改善了加载工夫
该版本减小了图标字体的文件大小，并删除了Material和Cupertino中未应用的字形。
CanvasKit减小了所有浏览器的大小
基于Chromium的浏览器能够应用一个更小的自定义CanvasKit版本。托管的CanvasKit通过Google行业当先的CDN进行提供。这应该进一步提高性能。
元素嵌入
你当初能够从页面中的特定元素提供Flutter web利用。在此版本之前，你的应用程序只能填满整个页面或显示在iframe标签中。能够在GitHub中找到示例代码。
着色器反对
Web利用能够应用Flutter的片段着色器反对。
欢送关注「慕课网」官网帐号，咱们会始终保持提供IT圈优质内容，分享干货常识，大家一起独特成长吧！
本文原创公布于慕课网 ，转载请注明出处，谢谢合作
