无限可能 | Flutter 2 重点更新一览

时间  2021-03-08
标签 html git github web macos 编程 api 浏览器 安全 性能优化 栏目 HTML 繁體版
原文   原文链接

无限可能 | Flutter 2 重点更新一览

咱们很是高兴在本周发布了 Flutter 2。自 Flutter 1.0 发布至今已有两年多的时间，在如此短暂的时间内，咱们解决了 24,541 个 issue，合并了来自 765 个贡献者的 17,039 个 PR。自九月发布 Flutter 1.22 以来，咱们已解决 5,807 个 issue，合并了来自 298 个贡献者的 4,091 个 PR。在此特别感谢广大的贡献者，将业余时间慷慨地投入到 Flutter 项目的优化中。Flutter 2 的杰出贡献者有 xu-baolin (贡献了 46 个 PR)、a14n (贡献了 32 个 PR；专一于为 Flutter 引入空安全) 和 hamdikahloun (贡献了 20 个 PR；优化了一系列 Flutter 插件)。然而，为 Flutter 项目作出贡献的不仅有开发者，还有咱们负责评审 1,525 个 PR 的众多 PR 评审员，其中包括 hamdikahloun (身兼数职！)、CareF 和 YazeedAlKhalaf (年仅 16 岁！) 等人。Flutter 是真正的社区协力之做，若是没有问题反馈者、PR 贡献者和代码评审员，版本 2 便没法问世，是大家带来了这一新版本。html

Flutter 2 的发布也带来了许多振奋人心的内容。您能够阅读图文《Flutter 2 正式发布！》，快速了解 Flutter 2 和 Dart 2.12 中的新增功能，以及咱们的客户及合做伙伴是如何使用 Flutter 2 的。咱们将在下周的图文中为你们详细介绍如何在生产环境中使用 Flutter web 稳定版 并发挥其优点。git

下面咱们一块儿来详细了解下 Flutter 2 的新增功能吧！github

Web

从如今开始，Flutter web 的支持已经从 Beta 版过渡到稳定阶段。随着首个稳定版本的发布，Flutter 经过对 web 平台的支持，将代码的复用性提高到了一个新高度。如今，当您平稳运行 Flutter 应用时，能够将 web 做为一个新的适配方向。web

做为一家致力于经过数字化实现卓越运营的现代移动虚拟网络运营商， Moi Mobiili 选择使用 Flutter 构建其 Mun Moi 客户经理应用，并在近期发布了其 web 版应用。

借助 web 平台的诸多优点，Flutter 为构建丰富的交互式 web 应用奠基了基础。咱们的首要重点是提高性能并优化渲染。除了 HTML 渲染引擎外，咱们还新增了一个基于 CanvasKit 的渲染引擎，以及一些如 Link Widget 等特定于 web 的功能，以确保您的应用可以像 web 应用同样在浏览器中稳定运行。macos

有关此 Flutter web 稳定版 的更多详情，请参阅 Flutter web 发布文章:编程

空安全

健全的空安全是对 Dart 语言的重要补充，它经过区分可空类型和不可空类型来进一步增强类型系统。这使开发者可以防止 null error 崩溃，这也是致使应用崩溃的常见缘由。经过将空检查合并到类型系统中，能够在开发期间捕获这些错误，从而防止生产环境中的崩溃。在包含 Dart 2.12 的 Flutter 2 中，健全的空安全获得了充分的支持。要了解更多细节，请参阅 Dart 2.12 发布文章:api

pub.dev 已经发布了 超过 1,000 个空安全 package，包括来自 Dart、Flutter、Firebase 和 Material 团队发布的数百个 package。若是您也是 package 的做者，请参阅 迁移指南 并着手迁移事项。浏览器

桌面设备

在新版本中，Flutter 对桌面设备的支持已经进入稳定版本的前期准备阶段。也就是说，您如今能够尝试将其做为您 Flutter 应用的部署目标: 把它看做最终稳定版发布前的预览，最终稳定版本将于今年晚些时候发布。安全

Flutter 桌面版通过一系列大大小小的优化，才达到如今的质量。咱们率先从文本编辑入手，确保其在每一个支持平台上都能令 文本选择点 等基本功能得到如原生般的顺畅运行体验，并可以 在键盘事件通过处理后将其取消。在鼠标输入方面，咱们也已确保，当处理触摸输入以及在 Material 和 Cupertino 设计语言的 TextField 和 TextFormField 中添加内置上下文菜单，并 在 ReorderableListView 上提供抓取控点 时，使用高精度定点设备的拖放事件将当即开始，没有任何延迟。另外，内置的上下文菜单已经添加至以 Material 和 Cupertino 为设计语言的 TextField 及 TextFormField widget 中，ReorderableListView widget 添加了抓取控点功能。性能优化

ReorderableListView 现已支持抓取控点，便于鼠标轻松拖动

开发者可使用 ReorderableListView 轻松移动项目，但用户须要长按项目以启用拖动操做。该设计在移动设备上很合理，但不多有桌面平台的用户会想到用鼠标长按某个项目来移动它，因此新版本提供了一个适用于鼠标或触摸输入的抓取控点。按照一样的思路，对于因平台而异的惯用功能，新版本提供了一个 通过升级的滚动条，可以使其与桌面平台完美适配。

新版本中的滚动条 widget 已适配桌面平台

更新后的 Scrollbar Widget 为桌面平台提供了预期的相同交互功能，例如支持拇指拖动、点击滚动条空白区域进行上下翻页，以及将鼠标悬停在滚动条的任何部位以显示一个轨道等。此外，因为滚动条能够经过 新增的 ScrollbarTheme 类设定主题，您能够根据您的应用对其外观和感受进行个性化设计。

对于其余桌面平台的特定功能，本版本还为 Flutter 应用启用了命令行参数处理，这样一来，您能够经过在 Windows 文件资源管理器中双击鼠标等简单操做来打开应用中的文件。此外，咱们还努力使 Windows 和 macOS 上的大小调整操做变得更加流畅，并面向全球用户推出了输入法 (IME) 支持。

Flutter 桌面现支持输入法直接输入

咱们还提供了更新的 文档，以指导您作好准备，将应用部署到相应的操做系统商店中。您不妨参考一下，如发现有任何遗漏，请反馈给咱们。

试用 Flutter 桌面 Beta 版时，您能够按需切换到 beta 渠道来进行访问，并按照 Flutter 文档上的说明 设置目标平台的配置标记。此外，咱们还在稳定渠道中新增了 Beta 版的快照。当您使用 "flutter config" 启用其中一个桌面配置设置 (如 enable-macos-desktop 时)，您能够直接尝试使用桌面 Beta 版功能，而无需再经历前往 Beta 渠道、获取完整的 Beta 版及构建工具等漫长的过程。您不妨亲自尝试一下，或把桌面支持做为一个简单的 "Flutter 模拟器"，很是好用。

然而，若是您选择继续经过稳定渠道使用桌面 Beta 版，那么您将没法像切换到 Beta 或开发渠道时那样快速获取新功能或错误修复，所以，若是您以 Windows、macOS 或 Linux 为明确目标，咱们建议您切换到更新速度更快的渠道。

在开发稳定版 Flutter 桌面支持过程当中，咱们深知将来还有不少工做要作，包括支持原生顶级菜单集成、提供如同独立平台同样的文本编辑体验和无障碍功能支持，以及通常漏洞修复和性能加强。若是您认为桌面平台在投入生产以前仍然有一些地方须要完善，望 不吝赐教！

平台自适应应用示例: Flutter Folio

如今 Flutter 已可在三个平台 (Android、iOS 和 web) 上为生产环境的应用提供支持，还有三个平台仍处于测试阶段 (Windows、macOS 和 Linux)，那么问题来了: 如何开发一款应用，能够良好适应多种不一样屏幕规格 (大、中、小屏幕)、不一样输入模式 (触控、键盘和鼠标) 和不一样惯用设备 (移动、web 和桌面)？为了给本身以及各地的广大 Flutter 开发者解决这个问题，Flutter Folio 应用应运而生。

您可将 Folio 视做一个简单的示例应用，帮助您在多个平台上利用单一代码库良好地运行应用。"良好运行" 是指它能在大、中、小屏幕上正常显示，并能利用触控、键盘和鼠标输入，还可适应不一样平台的风格，例如使用 web 上的连接、使用桌面设备上的菜单等等。咱们将此类应用称为 "平台自适应应用"，由于这类应用能良好地适应所运行的任何平台。

如需查看如何使应用自适应平台，请参阅 Folio 的源代码。将来，但愿能有更为深刻地探讨此主题的文档和 codelabs 出现。您还能够阅读和观看 Aloïs Deniel 关于该主题的 博文和视频。

Google Mobile Ads 发布 Beta 版

除了发布 Flutter 桌面 Beta 版外，咱们也很是高兴地发布了 Google Mobile Ads SDK for Flutter 的公开 Beta 版。这是一个全新插件，除了原有的叠加格式 (叠加横幅、插页和激励视频广告)，咱们还在其中新增了内联横幅及原生广告。另外，咱们还在此插件中提供了 Ad Manager 和 Admob 支持，不管您是何种规模的发布商，这款插件都能知足您的需求。

在公开发布 Beta 以前，咱们邀请了一些客户参与试用这款插件。许多客户都使用了这些新增的广告格式成功地发布了应用。例如，Sua Musica (拉丁美洲最大的独立艺术家音乐平台，拥有超过 15,000 位认证音乐人和一千万活跃用户) 使用了 Google Mobile Ads SDK for Flutter 插件发布了新的应用。其广告展现量增长了 350%，点击率增长了 43%，千次展现收益上涨了 13%。

您此刻就可以使用该 插件) 了。在刚结束的 Flutter Engage 上，Andrew 和 Zoey 围绕《如何经过 Flutter 应用获利》介绍了一些 Flutter 应用创收策略，以及如何在 Flutter 应用中加载广告，您能够查看下方视频了解详细内容。此外，咱们在 flutter.dev 上建立了一个新的 Ads 页面，方便您查找所需资源，如 插件使用指南，内联横幅和原生广告 codelab，以及叠加横幅，插页和激励视频广告 codelab，欢迎您随时查看。更多信息请查看 如何经过 Flutter 应用获利 视频。

新增 iOS 功能

在不断提升对其余平台支持的同时，咱们并无将 iOS 抛诸脑后。事实上，新版本提供了 178 个与 iOS 相关的合并 PR，其中包括将状态恢复 (State Restoration) 引入 iOS 的 23495，应开发者需求——不用打开 Xcode 就能够直接从命令行创建 IPA 的 67781，以及更新 CocoaPods 版本以配合最新工具的 69809。此外，咱们还在 Cupertino 设计语言实现中添加了一些 iOS 小部件。

新增的 CupertinoSearchTextField 为 iOS 提供了搜索栏 UI。

CupertinoFormSection、CupertinoFormRow 和 CupertinoTextFormFieldRow 等 widgets 则利用 iOS 的视觉美学简化了验证表单字段的生成。

除了为 iOS 新增功能之外，咱们也在持续寻求 iOS 和 Flutter 在着色器和动画方面的 总体性能优化。iOS 仍然是 Flutter 的首要平台，咱们将继续致力于为你们带来重要的新功能和性能提高。

新增 Widget: Autocomplete 和 ScaffoldMessenger

新版 Flutter 新增了两个 Widget，分别是 AutocompleteCore 和 ScaffoldMessenger。AutocompleteCore 是在您的 Flutter 应用中实现自动补全功能所需的基础功能。

开发者对为 Flutter 增长 Autocomplete 功能的呼声很高，因此咱们在新版本中提供了此功能。您如今便可使用，若是您想了解该功能的设计理念，请参阅 设计文档。

一样，ScaffoldMessenger 可用于处理许多与消息提示 Snackbar 相关的问题，例如，它能够轻松建立 Snackbar 消息以响应 AppBar 操做、建立可在 Scaffold 转换之间持久保存的 Snackbar 消息，并可以在异步操做完成时显示 Snackbar 消息，即便用户已导航至使用不一样 Scaffold 的页面时也不例外。

您只需写一行代码，便可将全部这些更加便捷的新功能收入囊中。从如今开始，您可使用此行代码来显示您的 Snackbar 消息:

final messenger = ScaffoldMessenger.of(context);
messenger.showSnackBar(SnackBar(content: Text(‘I can fly.’)));

如您所想，其中原理不止于此，您能够观看 Kate Lovett 发布的 关于 ScaffoldMessenger 的精彩视频 了解详情。

经过 "添加到应用" 功能建立多个 Flutter

在和许多 Flutter 开发者聊天的过程当中，咱们得知大多数人并不是是从零开发一个全新应用，而是会经过将 Flutter 添加到现有的 iOS 和 Android 应用中来进行使用。咱们将此功能称为 混合编程 (Add-to-App)，您能够经过这种方法，在保留现有原生代码库的同时，在两个移动平台间重复使用 Flutter 代码。然而，咱们有时听到采用此方法的开发者们表示，他们不知如何摆脱只能将第一个画面集成到 Flutter 的限制。Flutter 和原生页面交织致使导航状态难以维护，并且在视图级别集成多个 Flutter 会占用大量内存。

过去，额外 Flutter 实例的内存占用量与第一个 Flutter 实例相同。在 Flutter 2 中，咱们将建立额外 Flutter 引擎的静态内存占用量下降了约 99%，使每一个实例的占用量大约为 180kB。

提供该支持的新增 API 目前尚处于预览状态，在 咱们的文档里，您能够找到经过使用这种新模式的说明和 示例项目。随着这一变化的出现，咱们强烈建议您在原生应用中建立多个 Flutter 引擎实例。

Flutter Fix

当任何成熟的框架汇集了拥有庞大代码库的用户时，咱们每每须要避免对框架 API 进行任何更改，以免破坏日益增多的代码。随着超过 50 万的 Flutter 开发者分布在愈来愈多的平台，Flutter 2 很快就会踏入这一行列。然而，随着时间的推移，为了持续改进 Flutter，咱们但愿可以对 API 进行重大更改。如今的问题是，如何在不影响开发者的前提下继续改进 Flutter API。

咱们为此推出了 Flutter Fix。

Flutter Fix 是一系列功能的组合。首先，咱们为 dart 命令行工具新增了一个名为 "dart fix" 的命令行选项，您可借此寻找弃用 API 列表的所在位置，并了解如何更新调用这些 API 的代码。其次，Flutter Fix 自己就是个列表，自版本 2 开始便与 Flutter SDK 绑定。另外，Flutter Fix 也是一组针对 Visual Studio Code、IntelliJ 和 Android Studio IDE 的新 Flutter 扩展程序，您可借此找到已弃用 API 的相同列表，单击鼠标，轻点旁边的小灯泡图标便可更改代码，完成快速修复。

举个例子，好比您的应用具备下面一行代码:

使用已弃用的函数建立 Flutter widget

由于这个函数已经弃用，请使用下面的参数代替:

替换已弃用的函数并建立 Flutter widget

即便您熟悉和了解不少 Flutter 中已弃用的内容，代码中须要修改的内容越多，就越难修复全部的内容，也就越容易出现错误。人类并不擅长这种重复性的工做，但计算机不同。经过下面的命令，您能够看到咱们如何在您的整个项目中进行问题修复:

$ dart fix --dry-run

如想批量应用它们，您亦能够经过如下代码轻松实现:

$ dart fix --apply

或者，若是您但愿以交互方式在您喜欢的 IDE 中应用这些修复，也能够实现。

多年来，咱们一直在标记已弃用的旧 API，如今咱们制定了一个策略，明确 什么时候真正移除弃用的 API，而咱们率先将其应用到了 Flutter 2 之中。尽管咱们还没有捕捉到全部弃用 API，并将其以数据形式提供给 Flutter Fix，但咱们会不断从以前弃用的 API 中获取更多内容，并在将来持续加入新的重大更改。咱们的目标是尽全力将 Flutter API 打造的尽善尽美，同时保持代码的及时更新。

Flutter DevTools

为了明确 DevTools 是用于调试 Flutter 应用的工具，如今咱们已将其命名为 Flutter DevTools。此外，咱们还作了不少工做，让其能够成为与 Flutter 2 成熟度与质量相匹配的版本。

其中有一个新功能，可在您还没有启动 Flutter DevTools 2 时帮您锁定问题，那就是您的 IDE 可以发现常见的异常，并在 DevTools 中提出这个异常，以助您开展调试。例如，下面显示您的应用中抛出了一个溢出异常，系统在 Visual Studio Code 中提供了一个在 DevTools 中调试此问题的选项。

Flutter IDE 扩展的溢出异常提示通知

按下该按钮，您便可利用 DevTools 中的 Flutter Inspector 检查引起问题的 Widget，以便进行修复。咱们今天的操做只是为了解决溢出异常，但这种处理方法适用于 DevTools 能够解决的各类常见异常。

在 DevTools 开始运行后，您可经过标签上的新错误标识帮助本身追踪应用中出现的具体问题。

DevTools 中的红点能够帮助提醒应用中存在的错误部分

DevTools 的另外一个新功能是可以轻松发现所显示的分辨率低于其实际分辨率的图像，这有助于追踪应用过大和内存占用过多等状况。若要启用此功能，请在 Flutter Inspector 中启用 Invert Oversized Images。

启用 "反转超大尺寸图像 (Invert Oversized Images)" 选项，以突出显示异常图像

如今，当图像的实际分辨率明显大于其显示大小时，系统就会将其倒置，以便您在应用中轻松找到它。

"反转超大图像" 的操做示例

此外，为响应大量用户的要求，除了在 Flutter Inspector 的 Layout Explorer 中显示有关弹性布局的详细信息外，咱们还添加了显示固定布局的功能，可便于您调试各类布局。

新的 Layout Explorer 显示了 fixed 和 flex layout 的布局细节

其功能还远不止如此。如下是对 Flutter DevTools 2 其余一些新增功能的总结:

  • 为 Flutter 帧图添加了平均 FPS 信息和易用性改进
  • 用红色的错误标签在网络分析器中调用失败的网络请求
  • 新的内存视图图表更快、更小、更简单易用，其中包含用于在特定时间描述活动的悬浮卡片
  • 在 "Logging (日志库)" 选项卡中新增了搜索和筛选功能
  • 从 DevTools 启动以前开始跟踪日志，以便在启动后能够看到完整的日志记录
  • 将 "Performance" 视图重命名为 "CPU Profiler"，以便更清楚地表示其功能
  • 为 CPU Profiler 帧图添加了时间网格
  • 将 "Timeline" 视图重命名为 "Performance"，以便更清楚地表示其功能

固然这并非所有。想了解全部相关更改，建议您查阅下列公告:

Android Studio/IntelliJ Extension

咱们也为 IntelliJ 系列 IDE 的 Flutter 插件添加了一些适用于 Flutter 2 的新功能。首先，咱们在其中新增了一个项目向导，该向导与 IntelliJ 中的新向导风格一致。

此外，若是您正在 Linux 上使用 IntelliJ 或 Android Studio，针对 安装自 Snap Store 的 Flutter SDK 进行编程，那么系统便会将 Flutter snap 路径添加到已知的 SDK 路径列表中。这使得 Flutter snap 用户能够更轻松地在 "Settings (设置)" 中配置 Flutter SDK。感谢 Marcus Tomlinson 对此做出的贡献！

经过 Snap 安装 Flutter SDK，能够更轻松的在 Linux 上使用 Android Studio

您能够从最近更新公告中了解更多有用信息:

Visual Studio Code 扩展

适用于 Visual Studio Code 的 Flutter 扩展也针对 Flutter 2 进行了优化，咱们首先引入了一些测试加强功能，例如从新运行失败测试的能力。

通过两年的逐步发展，对 Dart 的 LSP (语言服务器协议) 支持已经成为在 Flutter 扩展中将 Dart 分析器集成到 Visual Studio Code 中的默认方式。LSP 支持为 Flutter 开发带来了许多改进，包括在当前的 Dart 文件中应用特定的全部修复，以及可以补全代码以生成完整函数调用 (包括括号和所需参数) 的能力。

LSP 支持不只限于 Dart，它还支持 pubspec.yaml 及 analysis_options.yaml 文件中的代码补全。

这仅仅是近期 Visual Studio Code 适用于 Flutter 的部分扩展更新。您能够阅读下列公告，了解所有更新内容:

DartPad 升级到支持 Flutter 2

若是不提 DartPad，那咱们的工具更新就不能算完整，DartPad 现已更新并支持 Flutter 2。

DartPad 已经升级到支持 Flutter 2 了

如今，无需离开喜欢的浏览器，您就能够体验新的 Flutter 空安全版本。

生态系统更新

Flutter 开发体验不只包括框架和工具；还包括为 Flutter 应用提供的各类软件包和插件。自上一次 Flutter 稳定版本发布以来，这方面也发生了不少变化。例如，咱们已在摄像头和视频播放器插件之间合并了将近 30 个 PR，从而大大提升了二者的质量。若是您在过去使用这两种产品时曾遇到过问题，那么您应该再尝试一次，您会发现它们比之前更增强大。

另外，若是您是 Firebase 用户，我很是高兴地宣布热门插件的产品质量已经获得了提升并可投入生产，同时咱们还为这些插件提供了空安全支持以及针对 Android、iOS、web 和 macOS 的 全套参考文档和经常使用教程。这些插件包括:

  • Core
  • Authentication
  • Cloud Firestore
  • Cloud Functions
  • Cloud Messaging
  • Cloud Storage
  • Crashlytics

若是您正在寻找应用的崩溃报告，您能够考虑使用 Sentry，其已经发布了 适用于 Flutter 应用的新 SDK。

Sentry 崩溃报告工具已经支持 Flutter

Sentry 崩溃报告工具已经支持 Flutter

在 Flutter 应用中使用 Sentry 的 SDK，您能够在 Android、iOS 或原平生台上发生错误时收到实时通知。查阅 Sentry 文档 了解更多详细信息。

另外，若是您还没有了解过 Flutter 社区中的 "Plus" 插件，您也可着手尝试。Flutter 团队最初开发的许多热门插件均由此衍生而来，咱们已在 Plus 插件中添加了空安全支持和对其它平台的支持，并已着手开始解决 flutter/plugins 库中的相应问题。这些插件包括:

  • Android Alarm+
  • Android Intent+
  • Battery+
  • Connectivity+
  • Device Info+
  • Network Info+
  • Package Info+
  • Sensors+
  • Share+

目前，与 Flutter 兼容的 package 和插件数量超过 15,000 个，这会让人很难找到那些值得优先考虑的软件包和插件。所以，咱们发布了 Pub 分值 (静态分析评分)、人气排名、喜好度，若软件包质量出众，咱们会为其打上 "Flutter Favorite" 的特殊标记。为与 Flutter 2 适配，咱们已在 Favorite 列表中添加了几个新软件包:

  • animated_text_kit
  • bottom_navy_bar
  • chopper
  • font_awesome_flutter
  • flutter_local_notifications
  • just_audio

祝贺这些软件包的做者！若是您还没有了解这些软件包或 列表中的其它软件包，建议您着手开始了解。

最后一样也是很重要的一点，若是软件包做者或用户有兴趣了解最新版本的软件包是否适用于最新版本的 Flutter，能够查看 Codemagic 的新 pub.green 网站以了解详情。

Codemagic 发布了一个网站 pub.green 用来展现 package 和近期 Flutter 版本的兼容性结果

您可在 pub.green 网站上测试 pub.dev 上可用的 Flutter 和 Dart 软件与不一样 Flutter 版本的兼容性。了解更多信息，推荐查阅 CodeMagic 团队的公告博文。

重大变动

咱们为 Flutter 2 作了以下重大变动，您可利用 "dart fix" 命令自动缓解其中的许多内容:

总结

最后，我想表明 Google Flutter 团队全体成员向开发者们说一句谢谢！感谢大家在过去的两年里推出了超过 15 万款 Flutter 应用，咱们整理了一些团队喜欢的 Flutter 应用，在 Flutter Engage 主题演讲 上播放了这段视频，献给各位开发者和社区。

若是没有各位开发者们对本身构建的 Flutter 应用的持续支持和热忱，这个具有全球活力的开发者社区就不可能成为现实，咱们很是期待看到您接下来的做品！

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程