Flutter「发布预览版 2」让 iOS 应用至臻完美

Flutter 是 Google 面向移动端应用推出的一套跨平台开发工具，助力开发者在 iOS 和 Android 两个平台上开发高质量的原生应用界面。为期两日的中国 2018 Google开发者大会于今日在上海拉开帷幕。在大会主题演讲环节，我们推出了Flutter 「发布预览版 2」。这是我们在到达 Flutter 1.0 之前的最后一个主要版本。  

在今年二月和六月，我们分别发布了 Flutter 的 beta 版和首个预览版。与之前两个版本相比，Flutter「发布预览版 2」的核心场景更为完善，整体质量也得到了显著提升。Flutter 1.0 稳定版目前正处于最后开发阶段，敬请期待！

>> beta 版
https://medium.com/flutter-io/announcing-flutter-beta-1-build-beautiful-native-apps-dc142aea74c0

>> 首个预览版
https://developers.googleblog.com/2018/06/flutter-release-preview-1-live-from.html

Flutter「发布预览版 2」新特性

本次新版本发布的主题是 “让 iOS 应用至臻完美”。虽然我们设计 Flutter 的目的是帮助开发者实现品牌驱动的定制移动端体验 ，但是一些开发者反馈说自己平时需要严格按照《苹果官方界面开发指南》来进行应用开发。为此，我们在新版本中特别扩展了对 “Cupertino” 风格控件的支持。预览版 2 所提供的库中包含大量 widget 和类，能够帮助开发者轻松创建 iOS 风格界面。

>>《苹果官方界面开发指南》
https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/

>> 库中包含大量 widget 和类

https://docs.flutter.io/flutter/cupertino/cupertino-library.html

△ 使用 Flutter 开发的 iOS 设置页

以下为 Flutter「发布预览版 2」中新添加的 iOS 主题组建 (widget):

- CupertinoApp: 用于创建 iOS 风格应用的顶层组件

- CupertinoTimerPicker: 用于创建倒数定时器

- CupertinoSegmentedControl: 用于创建水平分段控件

- CupertinoActionSheet: 用于创建 iOS 风格的底部动作条 (bottom pop-up sheets)

上段文中链接：

>> CupertinoApp
https://docs.flutter.io/flutter/cupertino/CupertinoApp-class.html

>> CupertinoTimerPicker
https://docs.flutter.io/flutter/cupertino/CupertinoTimerPicker-class.html

>> CupertinoSegmentedControl
https://docs.flutter.io/flutter/cupertino/CupertinoSegmentedControl-class.html

>> CupertinoActionSheet
https://docs.flutter.io/flutter/cupertino/CupertinoActionSheet-class.html

改进项包括:  

• CupertinoNavigationBar 和 CupertinoSliverNavigationBar  

• 在切换页面时，实现视差滚动效果

• 基于 CupertinoPageRoute.title 自动填充页面标题和返回按钮的标签

• CupertinoPageScaffold

• 对内容进行重新布局，防止键盘遮盖界面中的内容

• CupertinoScrollbar

• 加强了越界滚动的视觉保真度

• CupertinoPicker

• 添加了对无限滚动和循环滚动的支持

• 添加了对离轴圆柱投影的多栏支持

上段文中链接：

>> CupertinoNavigationBar
https://docs.flutter.io/flutter/cupertino/CupertinoNavigationBar-class.html

>> CupertinoSliverNavigationBar  
https://docs.flutter.io/flutter/cupertino/CupertinoSliverNavigationBar-class.html

>> CupertinoPageRoute.title
https://docs.flutter.io/flutter/cupertino/CupertinoPageRoute/title.html

>> CupertinoPageScaffold
https://docs.flutter.io/flutter/cupertino/CupertinoPageScaffold-class.html

>> CupertinoScrollbar
https://docs.flutter.io/flutter/cupertino/CupertinoScrollbar-class.html

>> CupertinoPicker
https://docs.flutter.io/flutter/cupertino/CupertinoPicker-class.html

您可查阅 Flutter 文档，获取有关 Cupertino* 类的全部详情。
(请注意，在本文撰写期间，上述 Cupertino widget 中尚有部分未添加至视觉组件目录下。)

>> Flutter 文档

https://docs.flutter.io/flutter/cupertino/cupertino-library.html

>> 视觉组件目录
https://flutter.io/widgets/cupertino/

我们同时也对其它场景进行了完善，例如，预览版 2 新增加了对后台执行 Dart 代码的支持。即使应用被挂起也不会影响代码执行。插件开发者可以利用这项新特性，让新开发的插件能够在事件被触发时执行代码，例如触发了定时器或者接收到了地理位置更新。如果您想获取更多技术细节，了解如何利用后台限制 geofencing 插件，请查阅此篇 Medium 博文。

>> Medium 博文

https://medium.com/@bkonyi/2b3e40a1a124

此外，Flutter 在应用瘦身方面也进行了不少优化：最多可以减少 30% 的 Android 和 iOS 应用体积。我们在发布模式下针对 Android 构建出的最小 Flutter 应用体积仅为 4.7 MB，比优化之前减少了 2 MB —— 而且我们还在继续寻找其它的潜在可优化项。(请注意: 尽管以上改进对 iOS 和 Android 均适用，但鉴于 iOS 安装包的构建方法异于 Android，您可能会在 iOS上看到不同的结果。)

更多内容请查阅此视频了解详情：

https://www.youtube.com/watch?v=_LfjILXswJs

>> 最多可以减少 30%

https://github.com/flutter/flutter/issues/16833#issuecomment-410103493

>> 最小 Flutter 应用体积

https://github.com/flutter/flutter/tree/60d223c20c44424e3c8031d019270d22bab35df6/examples/hello_world

>> 鉴于 iOS 安装包的构建方法

https://github.com/flutter/flutter/issues/16833#issuecomment-400913393

稳健发展

升级指南