Flutter 1.17版本重磅发布

Flutter 1.17 是2020年的第一个稳定版本,此版本包括iOS平台Metal支持(性能更快),新的Material组件,新的Network跟踪工具等等!

对所有人来说,今年是充满挑战的一年。我们的目标是按季度节奏发布稳定的发行版;但是,此版本花费了更长的时间,因为我们一直在为新的发布过程重新调整基础架构。我们继续将质量作为第一要务,并相信新的发布模型将提高我们提供服务的能力。

自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动画,您还将看到最多减少40%的CPU / GPU使用率,具体取决于硬件(在PR 14104PR 13976中有详细说明)。

该版本还显著的减少了应用程序的大小。例如,Android的Flutter Gallery示例在2019年底为9.6MB,现在为8.1MB,减少了18.5%。

对于内存使用,此版本将快速滚动浏览大图像时减少了70%的内存,具体取决于设备的内存量,提高了性能。

img

但是,最广泛的性能改进是iOS中对Metal的支持。

Metal支持将iOS的性能提高50%

苹果公司在iOS上对Metal的支持几乎可以直接访问底层GPU,并且是苹果公司推荐的图形API。在完全支持Metal的iOS设备上,Flutter默认情况下使用它,从而使您的Flutter应用程序大多数时候运行得更快,平均使渲染速度提高约50%(取决于您的工作量)。

img

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

Material控件:NavigationRail,DatePicker等

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

img

要查看正在运行的NavigationRail,请在web_dashboard示例或在DartPad上尝试。

除了新的小部件之外,此版本还包括对Material DatePicker和文本选择溢出小部件的更新。

img

此DatePicker版本包含新的视觉效果,以匹配更新的Material准则以及新的文本输入模式。 您可以在“Material Date Picker Redesign”规范中阅读有关详细信息。

img

img

现在,当按钮的长度比没有溢出时可以显示的时间长时,文本选择菜单可提高Android和iOS的保真度。 这在菜单项单词可能更长的语言环境中尤其明显。

在Flutter 1.17中,还增加了新的Animations软件包,该软件包提供了实现新的Material motion规范的预构建动画。

img

“Implementing Motion”博客文章中,Material设计团队定义了四个过渡模式,用于描述组件和全屏视图之间的动画:容器变换,共享轴,淡入和淡入。尽管这些动画在Flutter中始终可用,但是Animations软件包使实现它们变得相当容易。将它们放到您的应用中,让您的用户满意!

Material文本比例:使Flutter文本主题现代化

在此版本中,Flutter团队完成了2018 Material Design规范的Type Scale部分的实现,同时没有破坏现有的Flutter应用程序。 2018年10月的PR 22330中增加了对新配置的选择加入支持,但不对新名称提供支持。现有的文本样式名称未更改,因为这样做是一个重大的API更改,可能会影响大多数应用程序。 此版本更新了TextTheme API以匹配当前的Material规范,但保留了旧名称,以使您的代码不会中断。 但是,旧名称已被弃用,因此您将收到警告,以鼓励您采用新名称。

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

img

请注意,“Material设计”规范中称为body1body2的TextStyles在Flutter TextTheme API中称为bodyText1bodyText2。 同样,规范中称为H1-H6的TextStyles在TextTheme API中称为headline1-headline6

Google字体

如果您对新的Material Text Scale实现感到兴奋,那么您可能也会对新的Flutter v1.0版本Google字体感到兴奋。

img

Google字体允许开发人员在其应用中轻松地尝试和使用fonts.google.com中的任何字体。 当应用准备发布时,开发人员将决定用户是否通过从API下载字体来接收字体,或者将其与应用包预先捆绑在一起。

可访问性和国际化

最后,可访问性是我们持续关注的一个重要领域,因为我们认为Flutter应用程序对尽可能广泛的用户可用是一个优先事项。 在此版本中,我们已完成了全部工作,包括滚动,文本字段和其他输入小部件的辅助功能修复。 您将在GitHub上看到此发行版中关闭的可访问性问题的完整列表。 我们鼓励您测试自己的应用程序的可访问性,并且还通过一些建议的最佳实践更新了此版本中的文档。

在国际化方面,我们一直在研究一些影响三星键盘输入法的问题,这些问题影响了各种东亚语言的文本输入。 我们很高兴地报告,我们已经完成了这项工作,尤其是韩国开发人员应该在此版本中找到很多值得庆祝的东西。

工具:将Dart DevTools端口移植到Flutter,Android快速入门等

此版本使我们非常接近将Dart DevTools的当前版本与新的Flutter版本交换。 如果您想尝试一下,请启动DevTools并单击DevTools右上角的“烧杯”图标。

img

当您使用Flutter实现的Dart DevTools的预发布版本时,您可能会注意到各种改进,但最大的改进是新的“网络”标签。

img

如果您没有在Dart DevTools的预发行版中看到“网络”标签(例如,如果从命令行运行它),则可以使用以下命令手动进行更新:

$ pub global activate devtools

按下“记录”按钮后,“网络”选项卡将显示Flutter应用程序的网络流量。 此外,如果您想从启动应用程序时立即开始捕获网络流量,则可以在main()方法中包含以下代码行:

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

除了更新的Dart DevTools,此版本还增加了对实验性“快速启动”选项的支持,该功能使您在定位Android时可以将Flutter应用程序的调试速度提高70%。 您可以通过

flutter run --fast-start -d <您的Android设备>

访问此选项。 此选项将安装仅取决于您的插件代码(不包括任何Dart代码)的通用Android应用。 由于对Dart代码或素材资源的更改无需重新构建APK,因此可以使重复的flutter运行命令更快地启动。 此选项将您的应用程序捆绑到实际上并未在您的设备上安装的通用Android“包装器”中,这与我们正常的启动选项不同。 此外,在某些情况下,例如, 当您使用访问后台执行的插件时。 如果您的Android调试启动时间让您失望,请尝试一下。

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

如果您是Android Studio或IntelliJ用户,则会发现“热重装”功能更具弹性。 进行此更改之前,如果您遇到任何分析错误,“热重装”将不会重装您的代码。 如果分析错误不会影响您当前正在运行的代码(例如在单元测试中),那么这可能会令人沮丧。 进行此更改后,分析错误不足以阻止Hot Reload正常运行,而取决于VM的编译器错误。

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

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

img

此命令旨在帮助您跟踪依赖项中的版本控制问题。

最后但并非最不重要的一点是,如果您发现自己发生Flutter崩溃,则工具会提示您提交该错误。

img

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

Customer Shoutout: MGM and Superformula

Flutter的存在是为了实现美丽的应用程序体验。 数字代理机构做得令人惊奇的事情之一就是Superformula,该公司最近与MGM Resorts合作,对其移动应用程序进行了重大更新,并已在Flutter中对其进行了完全重建。 他们报告说:“将Flutter添加到我们的核心产品中,可以释放出更高的速度和灵活性,这对于我们的客户及其用户而言,都可以转化为真实的,可衡量的价值。”

img

Superformula与MGM Resorts设计团队合作,为所有主要的网络,移动和信息亭体验创建了一种新的MGM设计语言。 通过较小的团队和全新的Flutter代码库,他们能够比以前更快地重建应用并交付到两个应用商店,从而使MGM的预订转换率提高了9%。

重大变化

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

  • 42100使用pushReplacement(…时,运行先前路线的辅助动画
  • 45940弃用UpdateLiveRegionEvent
  • 49389快速滚动时延迟图像解码
  • 49391文本选择溢出(Android)
  • 49771未为空画笔设置断言缓存提示
  • 50318实时图像缓存
  • 50354使用支杆盒高度计算选择矩形,以确保它们保持在可见范围内
  • 50733在gen_l10n中生成消息查找
  • 51435从RouteSettings移除isinitialroute
  • 52781将mouse_tracking.dart移至渲染

结论

随着我们的移动支持不断成熟,同时我们使网络更加接近生产质量,Flutter带来了解决我们这个行业数十年来一直困扰的问题的希望:如何从一个跨多个源的单一源代码构建出色的应用程序 平台? 凭借Flutter提供的所有功能,我们认为我们正在很好地回答这一问题。

交流

老孟Flutter博客地址(近200个控件用法):http://laomengit.com

欢迎加入Flutter交流群(微信:laomengit)、关注公众号【老孟Flutter】:

相关文章

这篇文章主要讲解了“FlutterComponent动画的显和隐怎么实现...
这篇文章主要讲解了“flutter微信聊天输入框功能如何实现”,...
本篇内容介绍了“Flutter之Navigator的高级用法有哪些”的有...
这篇文章主要介绍“Flutter怎么使用Android原生播放器”,在...
Flutter开发的android端如何修改APP名称,logo,版本号,具体...
Flutter路由管理初识路由概念一.路由管理1.1.Route1.2.Mater...