展开全文

为了适配 iOS 14，我们对 Flutter 进行了多项更改，以确保其功能可以满足开发者的需求:

• Xcode 12 需要 iOS 9.0 或更高版本，因此我们的默认模板的默认系统版本从 8.0 提高到 9.0
• iOS 14 带来的崩溃和字体渲染问题已在 Flutter 1.22 中得到修复
• 自 Flutter 1.20.4 起，部署到物理设备的问题已得到解决
• 应用访问剪贴板时会显示相关使用通知，这项新策略在 Flutter 应用中曾引发虚假通知，该问题已在 Flutter 1.20.4 中得到修复
• 禁止在 iOS 14 设备上运行调试应用，但在调试过程中运行应用除外
• 针对本地调试的 Flutter 应用，有关网络安全的新策略会使 iOS 14 显示一次性确认对话框 (仅针对开发中的应用，不适用于已发布的 Flutter 应用)

综上所述，要使您的 Flutter 应用适配 iOS 14，我们强烈建议您立即使用 Flutter 1.22 重新构建应用，然后将其发布至 App Store，以确保您的 iOS 14 用户获得最佳体验。

有关 Flutter 适配 iOS 14 的更多详细信息，包括一些 Add-to-App (将 Flutter 集成至现有应用)、深链接和通知考量因素，请参阅 Flutter 的 iOS 14 文档。

• Flutter 的 iOS 14 支持

  https://flutter.cn/docs/development/ios-14

Flutter 的 iOS 14 支持

https://flutter.cn/docs/development/ios-14

希望我们在工具和 SDK 支持方面所做的工作能够帮助您专注于最关键的任务: 充分利用 iOS 14 的新特性。

其中一项特性就是更新了对 iOS 新版 SF Symbols 字体的支持，为此，我们也相应地更新了 cupertino_icon package。将 cupertino_icons依赖项更新到新的 1.0 主版本后，现有的 CupertinoIcons调用将自动映射为新样式。如果将 cupertino_icons1.0 与 Flutter 1.22 结合使用，那么通过 CupertinoIconsAPI，您将能够获得约 900 个新图标。

• cupertino_icon package

  https://pub.flutter-io.cn/packages/cupertino_icons

• CupertinoIcons

  https://api.flutter.cn/flutter/cupertino/CupertinoIcons-class.html

cupertino_icon package

https://pub.flutter-io.cn/packages/cupertino_icons

CupertinoIcons

https://api.flutter.cn/flutter/cupertino/CupertinoIcons-class.html

您可以在 cupertino_icons预览页面中查看完整的图标列表，也可以参阅 flutter.dev 上的 迁移详情页。

• 图标列表

  https://flutter.github.io/cupertino_icons/

• 迁移详情

  https://flutter.cn/docs/release/breaking-changes/cupertino-icons-1.0.0

图标列表

https://flutter.github.io/cupertino_icons/

迁移详情

https://flutter.cn/docs/release/breaking-changes/cupertino-icons-1.0.0

针对 iOS 14，您可以使用 Flutter 尝试的另一项功能是 App Clips，它是 iOS 14 的一项新增功能，支持以快速、免安装的方式执行 10MB 以下的轻量版本应用。在 Flutter 1.22 版中，我们提供了使用 Flutter 构建轻 App 的功能预览。

• App Clips

  https://developer.apple.com/app-clips/

App Clips

https://developer.apple.com/app-clips/

△ 使用 Flutter 构建的轻 App 体验

有关如何使用 Flutter 构建轻 App 的更多详细信息，请参阅技术文档。您也可以参考这一简单的示例项目。

• 技术文档: 添加 iOS App Clip 支持 https://flutter.cn/docs/development/platform-integration/ios-app-clip
• 示例项目 https://github.com/flutter/samples/tree/master/ios_app_clip

Android 11

此版本 Flutter 的发布与 Android 11 的发布 时间也刚好契合。我们更新了 Flutter 框架和引擎，以支持最新版 Android 系统中引入的两项新特性。

第一，Flutter 现在可以提供安全边衬区，以支持 Android 设备的异形屏幕，包括刘海屏、挖孔屏和瀑布屏。

通过使用 MediaQuery和 SafeAreaAPI，您可以确保将活动的界面和交互元素放置在设备显示屏的无遮挡区域内。另外，您需要避免在瀑布屏边缘区域内设置手势检测，从而避免误触问题。

• MediaQuery

  https://api.flutter.cn/flutter/widgets/MediaQuery-class.html

• SafeArea

  https://api.flutter.cn/flutter/widgets/SafeArea-class.html

MediaQuery

https://api.flutter.cn/flutter/widgets/MediaQuery-class.html

SafeArea

https://api.flutter.cn/flutter/widgets/SafeArea-class.html

第二，Flutter 应用内显示软件键盘时的动画已经可以与 Android 11 实现同步。

△ 请注意左侧悬浮操作按钮 (FAB) 的同步位移

Issue #19279由来己久，即系统键盘的显示/隐藏动画与 Flutter 的边衬区一直无法同步。这一问题在 Android 11 中已得到解决。

• #19279

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

#19279

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

这里做一则关于 Android 嵌入 API 的说明。去年，随着 Flutter 1.12 版的发布，我们推出了一套适用于 Android 系统的新版 Flutter 引擎和 Flutter 插件 API。我们打造了这些 API 的 v2 版本，以更好地支持 Android 平台的 Add-to-App 用户。一年后，我们有超过 80% 的 Android 插件使用了新版 Android API。自 1.22 起，我们将弃用较旧的 v1 版本 API。

如果您仍在使用 Android v1 API，那么将存在如下问题:

• 新创建的插件将不再适配 v1 API
• Flutter 工具的 —no-enable-android-embedding-v2 配置标记已移除，现已作为默认行为
• 仍在使用 v1 API 的旧版应用在构建时会显示弃用警告，并提供 支持新版 Android 插件 API 的文档 入口

• 支持新的 Android 的 API

  https://flutter.cn/docs/development/packages-and-plugins/plugin-api-migration

支持新的 Android 的 API

https://flutter.cn/docs/development/packages-and-plugins/plugin-api-migration

同时，如果您仍有基于 v1 Android API 的 Flutter 应用，该应用仍然可以运行。但是，您可能会逐渐遇到仅适用于 v2 API 的新版插件，v1 Android API 则无法使用。有关更多详细信息，请参阅重大变更文档。

• 重大变更文档 https://flutter.cn/docs/release/breaking-changes/android-v1-embedding-create-deprecation

更加丰富的按钮样式

△ 一整套新的 Material Design 按钮

现有的 Flutter 按钮虽然美观，但 并不易用，尤其是在需要自定义主题时。此外，Material 规范也已经扩充包含了许多全新样式的按钮。

• 更新 Material 按钮及其主题

  https://files.flutter-io.cn/sources/flutter-design-docs/material-button-system-updates.pdf

更新 Material 按钮及其主题

https://files.flutter-io.cn/sources/flutter-design-docs/material-button-system-updates.pdf

为使 Flutter 紧随 Material 指南的变更步伐，我们很高兴地宣布 Flutter 1.22 中加入了一整套全新的按钮。

相比就地尝试和改进现有的按钮类及其主题，这个 PR引入了新的替换按钮 widget 和主题。这项提议不但使我们免于因维护既有类而踏入向后兼容性的迷宫，还使 Flutter 遵守了 Material Design 指南中对按钮组件的全新命名规则。

• PR59702

  https://github.com/flutter/flutter/pull/59702

• Material Design 指南: 按钮

  https://material.io/components/buttons/

PR59702

https://github.com/flutter/flutter/pull/59702

Material Design 指南: 按钮

https://material.io/components/buttons/

新主题遵循 Flutter 最近对新 Material widget 采用的 “规范化” 模式。如果您想通过示例来上手体验，可以参见 DartPad 中的这个绝佳示例。这并不属于重大变更，因为 FlatButton、 OutlineButton、 RaisedButton、 ButtonBar、 ButtonBarTheme和 ButtonTheme的语义并未发生改变。您可以根据喜好将旧按钮与新按钮混合搭配使用。

• DartPad 中的示例

  https://dartpad.cn/e560e1c2e4455ad53aac245079ccdcf2

DartPad 中的示例

https://dartpad.cn/e560e1c2e4455ad53aac245079ccdcf2

新的国际化和本地化支持

自发布以来，Flutter 就提供了对应用进行国际化 (i18n) 和本地化 (l10n) 所需的核心功能。但在最新版本中，我们将推荐的最佳做法直接整合进了工具当中，甚至实现了热重载支持，可以在您添加新的本地化信息时更新您的应用。

如果您想了解有关 Flutter 本地化支持的更多详细信息，包括本地化的消息，以及含参数、日期、数字和货币的消息，请阅读 Flutter 国际化用户指南。

• 国际化用户指南

  https://files.flutter-io.cn/sources/flutter-design-docs/i18n-user-guide.pdf

国际化用户指南

https://files.flutter-io.cn/sources/flutter-design-docs/i18n-user-guide.pdf

此外，如果您对国际化和本地化感兴趣，那么您可能同样有兴趣了解旧的纯文本 ASCII 无法支持的字符串，例如 Unicode 和表情符号 (emoji)。最近，Dart 团队发布了 characters package，可以帮助开发者处理 Unicode (扩展) 字形集。这个 package 可解决诸如如何将类似于 “A 🇬🇧 text in English” 的字符串正确地缩短至前 15 个字符一类的问题。使用 String 类时，缩短的结果是 “A 🇬🇧 text in”，仅含 12 个用户可感知字符。而使用 characters package 则会得到正确的结果: “A 🇬🇧 text in Eng”。

• characters package

  https://pub.flutter-io.cn/packages/characters

characters package

https://pub.flutter-io.cn/packages/characters

基于 PR59267，Flutter 将使用 characters package 来正确处理这些复杂字符。例如，当使用具有 maxLength限制的 TextField时，诸如 👨‍👩‍👦 ‍‍ 的字符现在可以正确地计为单个字符。另外，基于 PR59620，characters package 在 Flutter 所在的项目中均自动可用，无需手动添加。希望这种方案可以使处理来自所有语言区域的各种字符串变得更加容易。有关 characters package 的更多详细信息，请参阅《 如何正确处理 Dart 字符串》。

• PR59267 https://github.com/flutter/flutter/pull/59267
• PR59620 https://github.com/flutter/flutter/pull/59620
• 如何正确处理 Dart 字符串 https://medium.com/dartlang/dart-string-manipulation-done-right-5abd0668ba3e

可正式使用的 Google Maps 和 WebView 插件

Flutter 团队在将某项功能标记为 “生产就绪” 前会非常谨慎，并亲自完成全面的测试。对于 google_maps_flutter和 webview_flutter插件而言，决断因素一直是底层的 Platform Views实现，该实现支持将 Android 和 iOS 系统的原生界面组件托管在 Flutter 应用中。我们很高兴地宣布，我们在此版本的 Flutter 中对框架的基础进行了充分强化，足以将这两个插件标记为 “生产就绪”。

• google_maps_flutter

  https://pub.flutter-io.cn/packages/google_maps_flutter

• webview_flutter

  https://pub.flutter-io.cn/packages/webview_flutter

• Platform Views

  http://flutter.cn/docs/development/platform-integration/platform-views

google_maps_flutter

https://pub.flutter-io.cn/packages/google_maps_flutter

webview_flutter

https://pub.flutter-io.cn/packages/webview_flutter

Platform Views

http://flutter.cn/docs/development/platform-integration/platform-views

△ 托管 flutter.dev 的 webview_flutter 插件

在 Flutter 1.22 中，我们新增了备选的 Platform Views 实现，修复了 Android 视图所有已知的键盘和无障碍问题。此外，该版本还支持 Android API 19 及更高级别 (此前曾要求 API 级别 20)。我们还在 iOS 上进行了线程改进，使 Platform Views 更为高效可靠 (并且您不再需要将 io.flutter.embedded_views_preview标记添加到 iOS Info.plist中)。

• Android 视图所有已知的键盘和无障碍问题

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

Android 视图所有已知的键盘和无障碍问题

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

webview_flutter插件支持新的 Android Platform Views 模式，但目前需要 手动启用。当该功能在更广泛的社区中得到更多使用后，我们会在未来版本中默认启用它。

• 手动启用

  https://github.com/flutter/plugins/blob/master/packages/webview_flutter/README.md#android

手动启用

https://github.com/flutter/plugins/blob/master/packages/webview_flutter/README.md#android

Google Maps 和 WebView 插件已经从 Platform Views 的改进中受益。如果您想使用 Platform Views 来托管 iOS 或 Android 中的原生界面组件，可以前往这里了解相关方法。

• 使用 Platform Views 在 Flutter 应用中托管原生 Android 和 iOS 视图

  https://flutter.cn/docs/development/platform-integration/platform-views

使用 Platform Views 在 Flutter 应用中托管原生 Android 和 iOS 视图

https://flutter.cn/docs/development/platform-integration/platform-views

Navigator 2.0

如果您曾在 Flutter 应用中使用过导航，那么您可能已经注意到核心数据结构 (即用户所浏览的页面堆栈) 是对您隐藏的。要对其进行管理，您需调用 Navigator.pop或 Navigator.push。举例来说，假设您想在首页上显示一系列 widget，用户点按一个 widget 后转到呈现该颜色的详细信息页面 (如下图所示)。

• 导航

  https://flutter.cn/docs/development/ui/navigation

导航

https://flutter.cn/docs/development/ui/navigation

这两个屏幕可以采用如下方式实现:

@overrideWidget build(BuildContext context)=> Scaffold( appBar: AppBar(title: Text( ‘Colors’)), body: Column(children: [// you can see and decide on every color in this listfor( finalcolor in colors) Expanded(child: GestureDetector(child: Container(color: color),onTap: => onTapped(color),),)],),);}classColorScreenextendsStatelessWidget{ finalColor color; constColorScreen({ this.color}) ;

@overrideWidget build(BuildContext context)=> Scaffold( appBar: AppBar(title: Text( ‘Color’)), body: Container(color: color),);}

使用最简单的 Navigator 1.0 做法，即可通过看起来非常简单的方式在这两个屏幕之间导航:

@overrideWidget build(BuildContext context) => MaterialApp(title: ‘Color App’, home: Builder(builder: (context) => ColorListScreen(colors: _colors,// the Navigator manages the list of pages itself; you can only push and poponTapped: (color) => Navigator.push(context,MaterialPageRoute(builder: (context) => ColorScreen(color: color)),),),),);}

只需调用 Navigator.push即可将某一页面推入首页的上方，从而创建包含两个页面的堆栈。但与通过 ColorListScreen的 build 方法创建的一系列 Containers不同的是，该堆栈将对您隐藏。而且由于堆栈被隐藏，在其他场景中将难以对其进行管理，例如处理由原生嵌入、网址或 Android intent 等提供的初始路由中包含的深链接。管理同一页面的不同排列形成的嵌套路由时也十分困难。

通过使页面堆栈可见，Navigator 2.0 有效解决了上述乃至更多问题。以下是在相同的 ColorListScreen和 ColorScreen之间导航的新示例:

@overrideWidget build(BuildContext context) => MaterialApp(title:‘Color App’, home:Navigator( //you can see anddecide on every page inthis list pages:[ MaterialPage(child:ColorListScreen( colors:_colors, onTapped:(color) => setState( => _selectedColor = color), ),),if(_selectedColor != null) MaterialPage( child:ColorScreen( color:_selectedColor)), ],onPopPage:(route, result) { if(!route.didPop(result)) returnfalse; setState( => _selectedColor = null);returntrue; },),);}

该应用显式创建了 Navigator，并为其提供了代表完整堆栈的页面列表。我们创建一个空的 _selectedColor来表示尚未选择任何颜色，因此我们最初不显示 ColorScreen。当用户选择一种颜色时，我们将照常调用 setState以向 Flutter 指示您需要再次调用 build方法，进而创建顶部为 ColorScreen的堆栈。

您可以在 OnPopPage回调中更新状态，例如，如果用户执行了 pop (弹出栈顶元素) 操作，则表示他们已 “取消选择” 当前颜色，因此我们不再需要显示该页面。

Navigator 2.0 看起来与 Flutter 的其余部分相似，这种设计是有意为之——此版本为声明式导航，而不同于 Navigator 1.0 版本的命令式导航。这种设计旨在统一导航与 Flutter 的其余部分之间的模型，以便在解决问题的同时添加新的功能。实际上，本例较为简略，只能对 Navigator 2.0 提供粗浅的说明。如需了解详细信息，强烈推荐您参阅有关 Flutter 中的声明式导航和路由的这篇文章。

• 文章: 了解 Flutter 的全新导航和路由系统

  https://medium.com/flutter/learning-flutters-new-navigation-and-routing-system-7c9068155ade

文章: 了解 Flutter 的全新导航和路由系统

https://medium.com/flutter/learning-flutters-new-navigation-and-routing-system-7c9068155ade

另外，您对 Navigator 1.0 的现有使用仍将有效，在短期内不会被移除。如果您喜欢该模型，则可以一如既往地使用该版本。但如果您试用了 Navigator 2.0，我们相信您会喜欢上这一全新版本。

预览: 适用于 Android 的状态恢复

此版本支持 Android 的状态恢复(State Restoration)，欢迎大家试用这一新增功能。这是我们的热门功能之一，获得了 217 次点赞！

• 保存界面状态

  https://developer.android.google.cn/topic/libraries/architecture/saving-states

• 应用被操作系统终止后实例状态未保存

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

保存界面状态

https://developer.android.google.cn/topic/libraries/architecture/saving-states

应用被操作系统终止后实例状态未保存

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

对于不熟悉状态恢复需求的用户: 移动操作系统可能会终止后台应用以回收资源供前台应用使用。发生这种情况时，操作系统会通知该应用即将被终止以便其快速保存界面状态，从而在用户切换回该应用时能够恢复。正确实现该操作后，既能为用户提供无缝体验，也可以更好地利用设备资源。Flutter 此前尚不支持状态恢复，因为在不具备框架支持的情况下很难正确地实现状态恢复。正因如此，我们很高兴能够在 Android 平台中提供此功能的基础实现。

下面是一个恢复 Flutter Counter 应用状态的非常简单的示例:

RestorableInt _counter = RestorableInt( 0);

@overridevoidrestoreState(RestorationBucket oldBucket) => registerForRestoration(_counter, ‘count’);

void_incrementCounter => setState( => _counter.value++);

@overrideWidget build(BuildContext context) => Scaffold(body: Center(child: Text( ‘${_counter.value}’)), floatingActionButton: FloatingActionButton(onPressed: _incrementCounter),);}

• 示例

  https://api.flutter.cn/flutter/widgets/RestorationMixin-mixin.html#widgets.RestorationMixin.1

示例

https://api.flutter.cn/flutter/widgets/RestorationMixin-mixin.html#widgets.RestorationMixin.1

简而言之，每个 widget 都有一个存储分区，该存储分区使用唯一 ID 注册到 RestorationMixin。通过使用 RestorableProperty类型 (如此例使用的 RestorableInt) 存储特定于界面的数据，并向状态恢复功能注册该数据，即可在 Android 终止应用前自动存储数据，并在应用恢复运行时恢复数据，就是这么简单。所有以 Restoration*类型存储的数据 (如 RestorableInt、 RestorableString和 RestorableTextEditingController，不胜枚举) 都能被恢复。而且，如果我们未能覆盖您想要恢复的类型，您也可以通过扩展 RestorableProperty<T>来创建自己的类型。

• RestorationMixin https://api.flutter.cn/flutter/widgets/RestorationMixin-mixin.html
• RestorableProperty https://master-api.flutter-io.cn/flutter/widgets/RestorableProperty-class.html
• RestorableProperty<T> https://api.flutter.cn/flutter/widgets/RestorableProperty-class.html

为了自动测试状态恢复，我们 为 WidgetTester 添加了一个新的 restartAndRestore API。要进行手动测试，最简单的方法是在 Android 设备上启动已启用状态恢复功能的 Flutter 应用，在 Android 的开发者设置中打开 “Don’t keep activities”，运行 Flutter 应用并将其置于后台，然后再切换回该应用。此时，Android 已终止并恢复您的应用，届时您可以检查是否一切正常。

• restartAndRestore https://api.flutter.cn/flutter/flutter_test/WidgetTester/restartAndRestore.html

虽然我们很高兴为您提供状态恢复的预览版本，但还有更多工作待完成。例如，状态恢复不仅适用于 Android，iOS 应用也将从中受益。此外，我们也在致力于更新 Flutter widget，以在恢复时保持其状态。我们已经在 Scrollable类中提供了支持，例如 ListView和 SingleChildScrollView(用于记住用户的滚动位置) 和 TextFields(用于恢复用户输入的文本)，并且我们计划将这些支持扩展至其他 widget。

但是，我们目前尚未为导航 (包括 Navigator 1.0 和 2.0) 添加关键恢复支持，这也是我们暂时称其为预览版本的原因。这意味着应用暂时无法恢复用户所在位置。该功能的测试版即将在 Flutter 的下一个稳定版本中正式发布。

预览: 在输入频率与显示刷新率不匹配情况下提供平滑的滚动效果

Flutter 团队与 Google 内部合作伙伴密切合作，在输入频率与显示刷新率不同的情况下显著提高了滚动性能。例如，Pixel 4 输入频率为 120hz，而显示屏刷新率为 90hz。在滚动屏幕画面时，这种不匹配会导致性能下降。使用新的 resamplingEnabled标记，您可以利用我们在 Flutter 中实现的性能改进解决此问题:

启用此标记后，滚动屏幕画面时的掉帧率最多可以降低 97%，具体取决于所涉及的频率差。在确定这一配置能够提供最佳体验后，我们计划在未来的版本中默认启用此标记。

全新的统一 Dart 开发者工具

与往常一样，对 Flutter 的更新不仅限于引擎和框架，还包括工具方面的更新。Flutter 1.22 中包含新版 Dart (2.10)，以及非常实用的新 dart命令行工具。

Dart 之前有许多小巧的开发者工具 (例如，用于格式化的 dartfmt和用于代码分析的 dartanalyzer)。Dart 2.10 中新提供了统一的 dart开发者工具，与 flutter工具非常相似。

自新版 Flutter 1.22 SDK 起， <flutter-sdk>/bin 文件夹(可能在您的 PATH位置) 中将同时包含 flutter和 dart命令。有关更多详细信息，请参阅 Dart 2.10 的发布文章。

• Dart 2.10

  https://medium.com/dartlang/announcing-dart-2-10-350823952bd5

Dart 2.10

https://medium.com/dartlang/announcing-dart-2-10-350823952bd5

应用体积分析工具

Flutter 1.22 还带来了新的输出应用体积分析的实用工具。此工具可以帮助分析 Flutter 并判断应用尺寸构成是否随时间变化。

您可以通过将 –analyze-size标记传递给以下任何命令来使用该工具收集分析所需的数据:

• flutter build apk

• flutter build appbundle

• flutter build ios

• flutter build linux

• flutter build macos

• flutter build windows

flutter build apk

flutter build appbundle

flutter build ios

flutter build linux

flutter build macos

flutter build windows

在构建 Flutter 输出工件时使用此标记将打印工件大小及组成的摘要。其中包括原生代码、资源，甚至包括已编译的 Dart 代码的软件包级细分情况。

△ Flutter Gallery 发布版本 APK 的细分示例

此摘要有助于快速识别应用软件包中的尺寸热点。此外，收集到的数据还可作为 JSON 文件用于 Dart DevTools，您可以按照 Flutter 文档上的说明进一步浏览应用的内容、查明大小问题以及比较两个不同 JSON 文件之间的差异。加载 JSON 文件后会出现一个界面，其中提供了应用尺寸情况的树状图。

• 使用应用尺寸工具

  https://flutter.cn/docs/development/tools/devtools/app-size

使用应用尺寸工具

https://flutter.cn/docs/development/tools/devtools/app-size

△ Dart DevTools 中的 APK 细分示例

更多有关您可以使用应用尺寸工具执行的操作，请参阅文档: 使用应用尺寸工具。

• 使用应用尺寸工具 https://flutter.cn/docs/development/tools/devtools/app-size

预览: 在 DevTools 中更新了 Network 页面

此版本中的另一项 DevTools 预览功能是，用户能够在 Network标签中查看 HTTP 和 HTTPs 响应正文。

要启用此功能，请确保通过 flutter channel dev和 flutter upgrade命令进入 Flutter dev 渠道。

此外，对于网络流量较大的应用，我们提供了搜索和筛选功能。

有关 Network标签的文档，请参阅 使用网络视图 (Network View) 的说明。

• 使用网络视图

  https://flutter.cn/docs/development/tools/devtools/network

使用网络视图

https://flutter.cn/docs/development/tools/devtools/network

IntelliJ 中托管的 DevTools Inspector 标签

一段时间以来，我们一直在维护着某些 Flutter 工具的两个副本，例如 IntelliJ 中的 Inspector窗格和 Dart DevTools 中的 Inspector标签。这不仅降低开发速度，因为我们必须维护两个代码库，也造成某些功能 (例如 Layout Explorer) 尚未能纳入到 IntelliJ 插件当中。因此，为了同时解决这两个问题，我们现在提供直接在 IntelliJ 内部托管 Dart DevTools 的 Inspector 标签的功能。

请注意新出现的 Layout Explorer，您可以在代码旁使用该功能。要启用此选项，请使用 Preferences> Languages & Frameworks> Flutter> Enable embedded DevTools inspector。

Visual Studio Code 中的输出链接得到改进

对于所有 Flutter 开发者而言，在终端或堆栈分析结果中查看错误输出并继续解决问题都是一项必不可少的例行工作。在 Visual Studio Code 的最新版本 Flutter 扩展中，现已能够正确解析这些链接，使您可以直接在输出结果中使用它们。

这项功能看似微不足道，却已获得了非常积极的初步反馈。

与往常一样，我们在工具方面的变更不胜枚举，谨建议您参阅以下发布内容来了解相关详细信息:

• Dart DevTools – 0.9.0

  https://groups.google.com/g/flutter-announce/c/UxMv8MzE_uo/m/ED539pi2AAAJ

• Dart DevTools – 0.9.1

  https://groups.google.com/g/flutter-announce/c/y27h86ATFJM

• Dart DevTools – 0.9.3

  https://groups.google.com/g/flutter-announce/c/24LppkXdMtM

• Flutter IntelliJ Plugin M48.1 版本

  https://groups.google.com/g/flutter-announce/c/nvgDi3RLAUE/m/Fx4Ze0vrBAAJ

• Flutter IntelliJ Plugin M49 版本

  https://groups.google.com/g/flutter-announce/c/-ZMKRIBRtGU

• Flutter IntelliJ Plugin M50 版本

  https://groups.google.com/g/flutter-announce/c/u0zU6zv3o44/m/2y0JsX1_AwAJ

• VS Code 扩展程序 v3.14.0

  https://groups.google.com/g/flutter-announce/c/8e8e-ZrgySY

• VS Code 扩展程序 v3.15.0

  https://dartcode.org/releases/v3-15/

Dart DevTools – 0.9.0

https://groups.google.com/g/flutter-announce/c/UxMv8MzE_uo/m/ED539pi2AAAJ

Dart DevTools – 0.9.1

https://groups.google.com/g/flutter-announce/c/y27h86ATFJM

Dart DevTools – 0.9.3

https://groups.google.com/g/flutter-announce/c/24LppkXdMtM

Flutter IntelliJ Plugin M48.1 版本

https://groups.google.com/g/flutter-announce/c/nvgDi3RLAUE/m/Fx4Ze0vrBAAJ

Flutter IntelliJ Plugin M49 版本

https://groups.google.com/g/flutter-announce/c/-ZMKRIBRtGU

Flutter IntelliJ Plugin M50 版本

https://groups.google.com/g/flutter-announce/c/u0zU6zv3o44/m/2y0JsX1_AwAJ

VS Code 扩展程序 v3.14.0

https://groups.google.com/g/flutter-announce/c/8e8e-ZrgySY

VS Code 扩展程序 v3.15.0

https://dartcode.org/releases/v3-15/

精彩案例: EasyA

• EasyA

  https://easya.io/

• 每日精选: EasyA

  https://apps.apple.com/gb/story/id1527472788

EasyA

https://easya.io/

每日精选: EasyA

https://apps.apple.com/gb/story/id1527472788

今年年初，学校纷纷启动了在线课程，我们需要快速发布这款教学应用来为学生提供帮助。Flutter 惊人的开发速度使我们能够针对 iOS 和 Android 平台实现优秀的设计，而且还支持发布到 web 平台，这有助于我们及时应对停课的局面！这在以前是无法想象的。由于 Flutter 支持同时针对所有三个平台进行开发，我们能够高效地共享代码，并最为充分地利用我们的小型开发团队。

— Phil Kwok，EasyA 联合创始人

今年年初，学校纷纷启动了在线课程，我们需要快速发布这款教学应用来为学生提供帮助。Flutter 惊人的开发速度使我们能够针对 iOS 和 Android 平台实现优秀的设计，而且还支持发布到 web 平台，这有助于我们及时应对停课的局面！这在以前是无法想象的。由于 Flutter 支持同时针对所有三个平台进行开发，我们能够高效地共享代码，并最为充分地利用我们的小型开发团队。

— Phil Kwok，EasyA 联合创始人

重大变更

与往常一样，我们试图将重大变更的数量降至最低。Flutter 1.22 版本的重大变更列表如下:

• 56413 – 如果指定的 Rect 已经可见，则阻止 viewport.showOnScreen 滚动窗口 。 https://github.com/flutter/flutter/pull/56413 https://docs.google.com/document/d/1BZhxy176uUnqOCnXdnHM1XetS9mw9WIyUAOE-dgVdUM/edit?usp=sharing

• 62395– [gen_l10n] 默认生成合成软件包。

  https://github.com/flutter/flutter/pull/62395

• 62588 – 进一步减少构建路线。 https://github.com/flutter/flutter/pull/62588

62395– [gen_l10n] 默认生成合成软件包。

https://github.com/flutter/flutter/pull/62395

总结

Flutter 1.22 稳定版在上一版本发布之后很快问世，其中包含了诸多新特性，本篇文章未能一一列举。我们希望此版本可以帮助您为 iOS 和 Android 开发出优秀的应用，我们对您将在应用商店中发布的产品充满期待！感谢您的支持——Flutter，为开发者而打造。

欢迎大家在评论区多多分享功能需求和使用感想，让我们一起打造更棒的 Flutter！

访问 Flutter 开发者社区中文资源