Flutter使人们可以使用与 SwiftUI 相同的声明式 UI 技术，并且开发的代码可以在更多的平台上运行，这些平台包括 Android、Windows、Web 和 IOT 等

太长不看版：SwiftUI可能会给Flutter的发展带来好处，因为苹果平台的开发人员会发现Flutter让他们可以使用与SwiftUI相同的声明式UI技术，但使用前者开发的代码可以在更多平台上运行，支持的平台包括Android、Windows、Web和IOT等。

本文最初发布于Very Good Ventures博客。

在6月3日的WWDC 19开发大会上苹果有很多重大发布，其中有一条不太引人注目却比较重要的新闻就是新发布的SwiftUI；这是一个用于构建iOS（和iPadOS/macOS/watchOS/tvOS）应用程序的新的声明式UI框架。当然，对于软件开发人员来说这条新闻可能是最激动人心的了。毕竟能有几个人买得起新的Mac Pro工作站呢？

最让开发人员兴奋的是，苹果终于跟上了时代步伐，迈入了声明式UI编程的世界。之前React Native和Flutter等产品成功通过热重载大幅简化了代码并缩短了开发时间，彼时苹果平台的开发人员却只能羡慕地旁观。谷歌在自家的I/O 19大会上宣布Jetpack Compose这一全新的Android平台声明式UI框架时苹果开发者也只能叹一口气。因此当苹果公司宣布SwiftUI时，观众的掌声和欢呼声自然是可以预料的。

我们正在见证一场由React掀起的声明式UI编程革命。这要感谢Facebook！他们的努力值得所有人认可并报以掌声。在这一浪潮中Flutter的贡献也值得表扬。Flutter是Github上十大星数最多的仓库之一，最近还在2019年Stack Overflow开发者调查中被评为第三大最受欢迎的框架，并且是领英上软件工程师职业中掌握人数增长最快的技能。我自己本来是一名经验丰富的原生iOS开发者，却在两年前投入了Flutter的怀抱再也没有回头，所以Flutter社区的成功与我的利益息息相关。那么我们应该如何看待SwiftUI的发布呢？

首先，所谓声明式UI编程到底是什么东西？

有些读者可能刚刚接触这方面的话题，所以我想简要介绍一下所谓声明式UI编程到底是什么意思。事实证明编写UI代码可以说是所有现代应用程序中最复杂的一项工作。今天的移动/桌面/Web应用程序必须具备足够的响应速度、能妥善处理设备的握持方向选择、支持动态字体大小缩放、拥有亮/暗模式、提供多种主题选择、支持用户自定义、支持基于角色的权限机制、带有功能标记，还要做A/B测试。最后还得在这一大堆东西上面加上一坨动画。哦对了，所有这一切都得做得赏心悦目，至于完工期限嘛就定在昨天吧！

在声明式UI编程技术诞生之前，你通常会用下面这些方式来编写代码：处理登录按钮；显示一个表示处理中的转圈动画；调用后端；隐藏转圈动画；重定向到主屏幕；失败时显示弹出窗口。在这种“命令式”范例中，你可以直接更改UI的各个部分以响应各种事件。看起来很简单，但随着应用程序变得越来越复杂，更新UI时很容易就会造成意外的故障。所有事情很快就变得非常复杂。开发者很难掌握各种事件之间的具体关系，也很难预见并处理边缘情况。这就是为什么有时你会看到一些应用的用户界面长得莫名其妙，内容自相矛盾。那是开发人员没能预料到的一系列状况混杂在一起的结果。

命令式UI编程出错时就会变成类似这个样子。

相比之下，在“声明式”的范例中用户界面被“声明”为表示它的一些数据的函数。这些数据被称为状态。随着这些状态发生变化，UI会自动更新。所以还是拿上面提到的这个例子来说：如果用户还没有登录，那就显示登录界面；如果用户已经登录就显示用户主页；如果网络繁忙则显示旋转等待动画；如果失败则显示错误。与命令式方法的不同之处在于，所有不同的状态都在一个地方统一处理，这样就能防止意外或不一致的结果。声明式范例往往有很多好处：

大大降低了复杂性。
需要的代码更少。
提高了代码质量。
缩短开发时间。

难怪开发人员会这么喜欢它。因此苹果加入这一流派是一件大事，为整个苹果开发社区打开了声明式范例的大门。

这对Flutter来说意味着什么？

我热爱Flutter。它继承了React Native的衣钵并进一步发扬光大。Flutter拥有出色的原生性能、不依赖原生平台UI组件，还支持iOS、Android、Mac、Windows、IOT和Web等众多平台，因此我确信它是现代应用程序开发的最佳选择。它还成功吸引了大批初学者和经验丰富的原生移动开发人员，取得了令人瞩目的成绩。我真心希望它能大获成功。

短期看来，SwiftUI可能会打消一些专注于苹果平台的开发人员改用Flutter的念头。开发人员将在SwiftUI身上能够获得许多Flutter具有的优势，包括声明式UI架构以及热重载等；这也将减轻Swift著名的编译速度缓慢缺陷带来的痛苦。但是，由于SwiftUI仅适用于iOS 13及更高版本，因此应用程序在未来几年还需要继续使用老旧的命令式风格，然后才能逐渐完全过渡到新的框架上。这意味着开发人员可能需要长时间维护两个完全独立的UI代码库！

若改用Flutter，苹果平台的开发人员会发现他们可以用上自己已经熟练的声明式UI技术，并可以在更多平台上运行他们的代码。

从长远来看，我认为Flutter最终会从SwiftUI中受益。显然，专注于苹果平台的开发人员会面临越来越多的压力，催促他们将应用程序移植到Android、Windows和Web等其他平台上。若改用Flutter，苹果平台的开发人员会发现他们可以用上自己已经熟练的声明式UI技术，并可以在更多平台上运行他们的代码。到这一步时Flutter会向他们热情地张开双臂。是不是已经开始感兴趣了？请联系我们。

Very Good Ventures是全球首屈一指的Flutter技术工作室。我们在2017年开发了第一款Flutter应用程序，并且从那时起就一直处于最前沿地带。

英文原文:
https://medium.com/flutter-nyc/what-swiftui-means-for-flutter-6d5898f7adf7

创作场景

SwiftUI 对 Flutter 到底意味着什么？