Categories
程式開發

Flutter 1.17重磅发布:多个新增特性及增强,2020年首个稳定版


新版本包括增强iOS端性能的Metal支持、新的Material组件和新的Network跟踪工具等!

本文最初发布于Medium博客,经Flutter开发团队授权由InfoQ中文站翻译并分享。

今天我们很高兴为大家带来了Flutter 1.17,也是我们2020年的第一个稳定版本。

对所有人来说今年都是充满挑战的一年。我们的目标是大约每个季度发布一个稳定版本,但这次的版本花费的时间要长一些,因为我们一直在针对新的发布流程调整我们的基础架构。我们继续坚持质量至上的原则,相信新的发布模型将提升我们为稳定分支提供关键修复的能力。

今天发布的版本包含大量修复内容,解决了自1.12稳定版本以来报告的6,339个问题,这么大的数字也是前所未有的。如此大的进展很大一部分归功于我们与Nevercode的合作关系,这种合作提升了我们对客户问题的响应速度。今年到目前为止,我们关闭的问题比新增的问题更多,使问题总量净减少了约800个。我们从231位贡献者那里合并了3,164个PR,修复了大批错误。这些数字都是非常可观的,在这个充满挑战的时期,我们由衷感谢大家的辛勤工作和持续贡献。

如果你对我们在这一版本中合并PR的完整列表感兴趣,则可以访问flutter.dev网站查看。除了质量改进之外,我们还设法在该版本中添加了一些新功能,包括iOS上的Metal支持、新的Material组件和新的Network跟踪工具等等!新版本还包含了Dart 2.8,你可以在Dart博客上查看有关Dart 2.8的更多信息

移动端性能和文件大小改进

新版本的主要重点是继续改进性能和​​内存方面的表现。只需将你的应用升级到新版本,你的用户就会看到更快的动画、体积更小的应用和更低的内存占用率。在新版本中,默认导航场景(非透明路径)的速度将提高20%-37%。对于简单的iOS动画而言,CPU/GPU使用率最多会降低40%,具体取决于硬件配置(在PR 14104和PR 13976中有详细说明)。

在多个修复的共同作用下,新版本还显著缩减了应用的大小。例如,Android的Flutter Gallery示例在2019年底是9.6MB,现在则是8.1MB,减少了18.5%。

至于内存使用率,新版本在快速滚动浏览大图像时减少了70%的内存占用,这也可能带来性能的提升,具体则取决于设备的内存大小。

Flutter 1.17重磅发布:多个新增特性及增强,2020年首个稳定版 1

测试应用的内存占用率(越低越好)

而最明显的性能改进则来自于iOS端对Metal的支持。

Metal支持可将iOS端的性能提升50%

苹果公司在iOS上的Metal几乎可以直接访问底层GPU,这也是苹果公司推荐的图形API。在完全支持Metal的iOS设备上,Flutter现在默认开启Metal,让你的Flutter应用在大多数时候都能运行得更快,平均提升约50%的渲染速度(取决于你的负载):

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

Flutter 1.17重磅发布:多个新增特性及增强,2020年首个稳定版 2

分别使用OpenGL与Metal的iOS应用单帧渲染时间(越低越好)

对于不完全支持Metal的设备(A7之前的芯片版本或运行iOS 10版本之前的设备),Flutter会像过去一样使用OpenGL,为较旧的设备提供原生渲染速度。更多详细信息,请在Flutter Wiki上查看iOS上的Metal常见问题:

https://github.com/flutter/flutter/wiki/Metal-on-iOS-FAQ

Material小部件:NavigationRail、DatePicker等

我们会根据内部和外部客户的反馈,持续改进和发展Flutter中实现的Material设计系统。在新版本中我们添加了NavigationRail,这是一个提供响应式应用导航模型的小部件。它是由Google Material Design团队设计和实现的。NavigationRail非常适合可以在移动和桌面端屏幕之间切换的应用,因为随着应用屏幕尺寸的增加,它很容易换成BottomNavigator。

Flutter 1.17重磅发布:多个新增特性及增强,2020年首个稳定版 3

新的NavigationRail小部件

关于NavigationRail的效果,请查看web_dashboard示例:

https://github.com/flutter/samples/tree/master/experimental/web_dashboard

或在DartPad上尝试:

https://dartpad.dev/b9c6cd345fd1cff643353c1f4902f888

除了新的小部件之外,新版本还提供了Material DatePicker和文本选择溢出小部件的更新。

Flutter 1.17重磅发布:多个新增特性及增强,2020年首个稳定版 4

更新了Material DatePicker小部件

这一DatePicker版本包含新的视觉效果,以遵循更新的Material指南,还有一个新的文本输入模式。详细信息请参阅这一规范:

https://flutter.dev/go/material-date-picker-redesign

Flutter 1.17重磅发布:多个新增特性及增强,2020年首个稳定版 5

Android上的文本选择溢出更新

Flutter 1.17重磅发布:多个新增特性及增强,2020年首个稳定版 6

iOS上的文本选择溢出更新

现在,当按钮比无溢出时可以显示的长度更长时,文本选择菜单在Android和iOS端的精确度提升了。这在菜单项文本可能比较长的语言环境中效果尤其明显。

在Flutter 1.17发布的同时,我们还另外交付了新的Animations包,其提供了实现新的Material motion规范的预构建动画。

Flutter 1.17重磅发布:多个新增特性及增强,2020年首个稳定版 7

来自Animations包的Container过渡的示例

这篇文章中,Material设计团队定义了四个过渡模式,用于描述组件和全屏视图之间的动画:分别是容器变换、共享轴、淡入和淡入。虽然这些动画一直都能在Flutter中实现,但是Animations包大大简化了实现步骤。

Material Text Scale:让Flutter文本主题现代化

在新版本中,Flutter团队完成了2018 Material设计规范的Type Scale部分的实现,同时不会影响已有的Flutter应用。2018年10月的PR22330中增加了对新配置的可选支持(但没有新名称)。现有的文本样式名称没有更改,因为这样做是对API的重大更改,可能会影响大多数应用。新版本更新了TextTheme API以遵循当前的Material规范,但保留了旧名称以免影响已有代码。但是旧名称已被弃用,因此你将收到警告,鼓励你采用新名称。

下表总结了2018 Material TextStyle的名称和配置。

Flutter 1.17重磅发布:多个新增特性及增强,2020年首个稳定版 8

请注意,Material设计规范中称为body1和body2的TextStyles,在Flutter TextTheme API中称为bodyText1和bodyText2。类似地,规范中称为H1-H6的TextStyles在TextTheme API中称为headline1-headline6。

Google Fonts for Flutter

文本和字体是密不可分的,因此如果你喜欢新的Material TextScale实现,那么你可能也会喜欢新的Google Fonts for Flutter v1.0版本:

https://medium.com/flutter/introducing-google-fonts-for-flutter-v-1-0-0-c0e993617118

Flutter 1.17重磅发布:多个新增特性及增强,2020年首个稳定版 9

Google Fonts可轻松用于Flutter应用

Google Fonts允许开发人员在应用中轻松尝试和使用fonts.google.com中的任何字体。当应用准备发布时,开发人员将决定用户是否要通过API下载字体,还是将字体与应用预先打包在一起。

可访问性和国际化

最后,可访问性是我们持续关注的一个重要领域,因为我们认为Flutter应用应该能尽可能适合更多的用户群体,这对于我们来说是一个优先事项。在新版本中我们已完成了全部工作,包括滚动、文本字段和其他输入小部件的可访问性修复。在新版中关闭的可访问性问题的完整列表在此:

https://github.com/flutter/flutter/issues?q=is%3Aclosed+is%3Aissue+label%3A%22a%3A+accessibility%22+closed%3A2019-11-25…2020-04-02

我们鼓励你测试自己应用的可访问性,并且更新了新版本中的文档,提供了一些推荐的最佳实践:

https://flutter.dev/docs/development/accessibility-and-localization/accessibility

在国际化方面,我们一直在研究一些影响三星键盘输入法的问题,这些问题影响了各种东亚语言的文本输入操作。如今这项工作已经完成了。

工具链:将Dart开发工具移植到Flutter,Android端快速入门等

新版本加入了当前版本的Dart开发工具的移植。如果你想尝试一下,请启动DevTools并单击DevTools右上角的烧杯图标。

Flutter 1.17重磅发布:多个新增特性及增强,2020年首个稳定版 10

当你使用Flutter实现的Dart开发工具的预发布版本时可能会注意到各种改进,但最大的改进是新的Network标签。

Flutter 1.17重磅发布:多个新增特性及增强,2020年首个稳定版 11

如果你没有在Dart DevTools的预发行版中看到Network标签(从命令行运行时就会出现这种情况),则可以使用以下命令手动更新:

$ pub global activate devtools

按下Record按钮后,Network选项卡将显示Flutter应用的网络流量。此外,如果你想在启动应用时立即开始捕获网络流量,则可以在main()方法中加入以下代码:

void main() {
  // enable network traffic logging
  HttpClient.enableTimelineLogging = true;
  runApp(MyApp());
}

除了更新的Dart开发工具,新版本还增加了对实验性“快速启动”选项的支持,该功能让你在以Android为目标时将Flutter应用的调试速度提升多达70%。你可以通过flutter run –fast-start -d启用此选项。该选项将安装一个通用Android应用,其中只有你的插件代码,不包括任何Dart代码或资产。由于对Dart代码或素材资源的更改无需重新构建APK,因此可以让重复运行的flutter run命令启动更快。该选项将你的应用打包到一个通用Android“wrapper”中(它实际上并未安装在你的设备上),不同于我们正常的启动选项。此外在某些情况下,例如当你使用访问后台执行的插件时这个选项是不能用的。另一方面,如果你的Android调试启动时间很漫长,你可以尝试一下这个选项。

如果你以Android为目标,则需要注意的另一个变化是:当创建新的Flutter项目时,AndroidX是唯一的选项。AndroidX库提供了称为Android Jetpack的高级Android功能。在上一个版本中,我们弃用了原始的Android支持库,并迁移至AndroidX作为所有新项目的默认设置。在新版本中,flutter create的–androidx标志是唯一可用的选项。虽然没有使用AndroidX的现有应用还是能用Flutter编译,但现在也是迁移到新库的绝佳时机。

如果你是Android Studio或IntelliJ用户,则会发现Hot Reload(热重载)功能更具弹性。之前当你遇到任何分析错误时,Hot Reload将不会重载你的代码。如果分析错误不会影响你当前正在运行的代码(例如在单元测试中的情况),那么没有启动重载就很让人不爽了。如今,分析错误并不会阻止Hot Reload正常运行,来自VM的编译错误才会。

如果你希望在Android Studio或IntelliJ的Flutter插件中更早用上这些更改,我们现在为IntelliJ插件提供了一个开发通道,你可以选择该通道以更快更新。开发通道的目标是在我们正式发布之前,从Flutter开发人员那里收集有关IDE集成新功能的反馈。如果你喜欢冒险,并希望向Flutter工具团队提供早期反馈,请立即注册

对于Visual Studio Code用户,我们建议使用新的Dart: List Outdated Packages命令,该命令会运行新的“pub outdated”命令。

Flutter 1.17重磅发布:多个新增特性及增强,2020年首个稳定版 12

该命令会帮助你跟踪依赖项中的版本控制问题。

最后,如果你遇到了Flutter崩溃的情况,则工具会提示你提交错误。

Flutter 1.17重磅发布:多个新增特性及增强,2020年首个稳定版 12

团队会密切关注这些错误报告的严重性和频率,因此请在出现提示时记录错误。

MGM和Superformula

当然,Flutter是为了带来舒适的应用体验而诞生的。Superformula就是一个很好的例子,该公司最近与MGM Resorts合作,对其移动应用进行了重大更新,并在Flutter中完全重建了应用。他们报告说:“将Flutter加入我们的核心产品中可以释放出更高的速度和灵活性,而这些指标改进对于我们的客户及他们的用户来说,都可以转化为真实可衡量的价值。”

Flutter 1.17重磅发布:多个新增特性及增强,2020年首个稳定版 14

Superformula与MGM Resorts设计团队合作,为Web端、移动端和信息亭场景创建了一种新的MGM设计语言。更精简的团队使用全新的Flutter代码库,能够比以前更快地重建应用并交付到两个应用商店中,从而使MGM的预订转换率提高了9%。

重大更改

与往常一样,我们尝试在每个Flutter的新版本中尽量减少重大更改的数量,同时继续让Flutter提供一个直观而灵活的API来支持新平台上的新用法。在去年的用户调查中,用户表示他们可以容忍那些经过仔细考虑的,可以改进框架的重大更改。因此我们将继续逐步改进API。以下是新版本中的重大更改。

#42100 使用pushReplacement(… 时,运行之前路径的备用动画

#45940 弃用UpdateLiveRegionEvent

#49389 快速滚动时延迟图像解码

#49391 文本选择溢出 (Android)

#49771 Assert cache hints不对null painters设置

#50318 实时图像缓存

#50354 使用strut box heights计算selection rectangles,确保它们位于可视边界之内

#50733 在gen_l10n中生成信息查询

#51435 在RouteSettings中移除isinitialroute

#52781 将mouse_tracking.dart移至rendering

总结

随着我们对移动端的支持不断成熟,Web端的支持也逐渐接近生产质量,Flutter有望解决我们这个行业数十年来一直困扰的问题:如何使用单一源代码库构建出色的跨平台应用?凭借Flutter提供的所有功能,我们离这个目标越来越近了。

作者介绍

Chris Sells很久以前就是Windows开发人员社区的贡献者了。他是Flutter开发者体验部门的产品经理。

原文链接:https://medium.com/flutter/announcing-flutter-1-17-4182d8af7f8e