Flutter 已于近期公布了 Flutter 2，Flutter 和 Dart 的产品总监 Tim Sneath 在 2021 年三月上旬举办的 Flutter Engage 流动中示意，Flutter 致力于成为多平台 UI 工具包，为了 “ 彻底改变开发者眼中的利用构建形式，让他们从冀望打造的体验来动手进行开发，而无需优先思考指标平台 ”。
在最新版公布前，好看、疾速、凋谢且高效是 Flutter 的四大要害个性，为用户构建跨平台利用提供了极大便当。随着 Flutter 2 的公布，其又新增了一项要害个性: 可移植性 ，对于 Flutter 来说，这堪称是一项重大的里程碑式停顿，意味着 Flutter 当初能够利用繁多代码库，为挪动端、web 端、桌面设施和嵌入式设施上的原生利用提供稳固反对。Flutter 是首款真正意义上专为环境计算世界而设计的界面平台。
在本文中，咱们将摸索 “ 可移植性 ” 这项要害个性对 Flutter 有何意义并探讨其反对 web 利用和多屏设施类型的性能，以及丰田如何将 Flutter 利用至其车辆的信息娱乐零碎。
挪动利用向 web 利用的逾越
Flutter 起初是一个用于构建精美 iOS 和 Android 利用的 UI 框架。然而，Flutter 一以贯之的愿景是提供可移植的框架，帮忙开发者为任意平台上的用户构建原生编译利用。因为简直每台设施都装置有 web 浏览器，Flutter 也天然将下一个指标定为 web 端。
Flutter 2 可为 web 提供具备生产品质的反对，这意味着您能够利用繁多代码库，为 iOS、Android 和 web 浏览器构建精美的高性能利用。目前的重点是开发 web 利用，即可装置的渐进式 web 利用 (PWA)，以及内容丰盛的交互式单页利用 (SPA)，而非当初所看到的动态内容网站。这些可帮忙 Flutter 开发者无缝连接，从以后的挪动利用扩大至 web 利用的全新用户群体。
有了 Flutter 2，就如同为您的利用进行了一次收费降级。Web 只是另一个设施指标而已，运行 Flutter Create，将主动生成一个带有索引 HTML 文件的 web 目录，能够随时在您青睐的浏览器中运行。
与挪动利用一样，web 利用也有 2 个编译器。dev_compiler 实用于开发阶段，而 dart2js 则实用于部署阶段。将开发和部署阶段的编译器离开，一方面可优化开发周期生产力，另一方面则可优化正式利用的性能，使其疾速运行。Flutter 反对以原生机器代码编译利用，这意味着您在公布已竣工的利用时，无需再在虚拟机或 JavaScript 解释器中实现这步操作。
Flutter 的 dev_compiler 具备与 JIT 编译雷同的智能性能。因而，该命令只会从新编译受变动影响的代码，并沉积增量，从而确保开发循环疾速进行。然而，与挪动端反对热重载 (记住利用的状态) 不同，在 web 利用中，您须要手动启动热重载，并重建利用状态。
就像与以 Flutter 构建的挪动利用一样，插件的存在使得利用可能与平台的原生库通信。许多 pub.dev 中现有的 Flutter 插件都已反对 web 利用。在 web 端运行 Flutter 利用时，您能够通过这些插件拜访 JavaScript 库。如需查看某一插件是否受反对，只需返回 pub.dev 并搜寻该插件即可。插件下方的标签会显示该插件所反对的平台。
材料起源: pub.flutter-io.cn/packages?q=url_launcher
如果您心愿更新某个插件以使其实用于 web 利用，您能够参阅以下文章，理解如何为现有的插件我的项目退出平台的反对:
[https://flutter.cn/docs/devel…
](https://flutter.cn/docs/devel…
尽管您能够针对 web 利用应用与挪动利用统一的代码，但您还须要针对用户体验进行优化。您能够应用约束条件增加动静布局个性，以加强用户体验，例如，如果浏览器能够提供更多的屏幕空间，您能够将单列布局扩大至双列。
相似的，您可能还会思考增加 web 专用的导航性能，例如滚动条，以及鼠标或键盘交互。为了在网页中提供更好的浏览体验，您还能够暗藏滚动条中的 ListView，并在将鼠标悬于某个 widget 之上时，显示鼠标光标。此外，您还能够应用快捷键 widget 在您的利用中增加键盘快捷键。
如需理解详情，您能够拜访 flutter.cn/web。
反对可折叠设施和双屏设施
如前所述，Flutter 专为环境计算世界设计而成。当初的屏幕品种繁多，已不仅局限于挪动端、web 端和桌面端屏幕。从可穿戴式设施到家用设施、智能家电，甚至再到可折叠设施和双屏设施，这些设施已越来越多地呈现在咱们日常生活中。用户能够应用这些设施创作内容、玩游戏、看视频、打字、浏览或浏览网页，既然这些设施可能满足用户的需要，那么这些全新的设施类型就有助于进步生产力。
同时，这些设施类型意味着您将有机会摸索全新的场景和用户体验。在两个屏幕上运行利用，可带来更多屏幕空间用于显示内容和与用户互动。当在两个屏幕上适配 Flutter 利用时，您能够应用双屏设计模式，例如列表详情视图、配套窗格，或采取其余用于调整利用 UI 的办法。
可折叠的设施类型也使得这些设施中的利用能够和其余利用相互分享内容。例如，为您的利用增加拖放性能后，您能够在并排运行的利用间相互挪动内容。
在 Flutter Engage 流动中，Microsoft 发表 正在与 Google 单干，使 Flutter 反对可折叠设施。Microsoft 将提供代码，使 Flutter 利用把握这些新机会，在 Surface Duo 设施和三星等制造商生产的设施上大展拳脚。
有了 Flutter 2，所有 Flutter widgets 均将反对可折叠设施。例如，在您应用对话框时，利用能感知到其位于折叠设施上，将内容显示在左边或右边的窗格中。
您也能够应用全新的双窗格 widget 来搁置资源。借助此 widget，您能够在左侧或右侧窗格中搁置资源。同时，该 widget 也能正确显示于单屏幕手机或平板类设施上。双窗格 widget 可轻松反对全新的设施类型。
丰田借助 Flutter 打造的车载用户体验
Flutter 2 能够帮忙开发者构建出实用于挪动端、web 端、桌面端，甚至是新兴设施类型的精美利用，但这只是 Flutter 灵活性的冰山一角。想要成为真正的可移植性平台，反对公布利用至客户所在的任意平台，Flutter 还须要为嵌入式设施提供反对。丰田已于近日发表，其车辆的信息娱乐零碎将来将由 Flutter 提供能源反对，届时，Flutter 将为寰球最大的汽车制造商之一带来最佳的数字化体验。
来自丰田北美汽车公司 (Toyota Motor North America) 总工程师 Daniel Hall 在 Flutter Engage 流动 中介绍了此次单干以及 抉择 Flutter 的起因:
- 丰田的客户冀望享受到高性能车载用户体验，使之与丰田汽车的整体品质相符。Flutter 的渲染引擎可在受限的环境下提供优异性能，且其自带的 AOT 编译性能可为丰田提供其在车载技术中所谋求的一致性特色。
- 在 Flutter 的助力下，丰田提供的车载用户体验能够与客户期待在智能手机中取得的体验相媲美。丰田置信 Flutter 的跨平台机制所蕴含的触控机制能使其适应任何运行环境。这种跨平台机制可帮忙丰田躲避许多嵌入式零碎都会遇到的问题，如性能通畅，用户体验差等。
- 丰田也被 Flutter 的开发者体验所吸引。尽管丰田只是在针对繁多指标平台公布其利用，但该利用可反对在桌面端进行热重载并向 iOS 和 Android 零碎的平板电脑传输内容，这些性能已证实其有助于晋升实体和数字用户体验。随着这种更快的迭代周期的呈现，丰田能够更早、更频繁地收集和整合客户的反馈，有助于发明最佳用户体验。
借助 Flutter 的嵌入器 API，丰田在其由 Linux 驱动的汽车级信息娱乐零碎中施展了这项技术的劣势。Flutter 引擎架构通过穿插编译引擎并将其封装于嵌入器内的形式，使本身得以轻松地嵌入指标环境。嵌入器 API 易于应用，能够帮忙丰田将 Flutter 利用与车载零碎融为一体。
借助 Dart 的语言设计和 Flutter SDK 的软件设计，丰田已开发出诸多外部工具，并通过在丰田的设计流程中使用这些工具，使其得以进步 Flutter 的开发者人机工程学。丰田的指标是打造如下的工作流: 利用设计工具生成代码并运行，而后立刻验证软件。例如，Flutter 会将申明式 UI 和代码用作配置，在这种办法的助力下，丰田可能高效地运行生成于设计过程中的代码，而无需经验简单且凌乱的中间环节。
在开发这些丰田专用工具时，Flutter 的开源准则和规模日益壮大的开发者社区对丰田的胜利起到了至关重要的作用。丰田置信，若没有这种宏大的开放性生态系统的反对，便无奈将 Flutter 扩大至本人的车载用例中。
丰田将与开源软件方的单干视为对其车载用户体验的一次踊跃投资，并期待本身能够在开源的 Flutter 社区中有所作为。
Flutter: 为所有平台构建精美利用
Flutter 可反对汽车、web 浏览器、笔记本电脑、手机、桌面设施、平板电脑和智能家居设施，堪称是真正意义上的可移植性 UI 工具包，其内置成熟的 SDK，能够让您随时随地满足用户需要。Flutter 现可在您的重点指标平台上运行，并可反对与您钟爱的 Google SDK 和服务联合应用。Flutter 集精美而迅捷的用户体验与高效的开发环境于一身，使其能够摸索内容并进行迭代，Google 提供的所有开源代码加之遍布世界的泛滥开发者社区，为 Flutter 在过来几年的指数级倒退作出了奉献。没有其余平台可与之媲美。
您能够拜访 Flutter 开发者社区中文资源，咱们将继续分享 Flutter 相干的最新资讯、内容以及教程，助力您将来的开发之旅。也欢迎您在上面的评论区分享您对 Flutter 开发多平台利用的想法和倡议。