最近我通过学习 SwiftUI
时,令我印象最深的就是我对它的熟悉程度,因为我已经在 React
和 TypeScript
上工作了几年了。
确实,有使用 React
库/框架和类型的经验可以极大地加快我的学习速度。 我的第一个SwiftUI代码对我过去在 React 中构建的东西感到非常陌生,而且我可以看到设计模式有很多重叠之处。
现在,我开始自己开发应用程序,我想分享一些常见的设计模式以及 SwiftUI
和 React
之间的微小差异,通过这些差异
我一直遇到这些差异,通过总结这些差异帮助我更好的开发自己的应用,同时这会激发其他 React
开发人员更出色的开始使用 SwiftUI
。
开发使用工具
macOS Big Sur
Xcode 12.4
- 运行实例运行在
MacBook Pro (13-inch, M1, 2020)
View 剖析
在进入本主题的核心之前,我想先介绍一下构成 SwiftUI
视图的关键元素。 不仅要知道 属性包装器(property wrappers)
,视图(view)
和视图修饰符(view modifiers)
是什么,以及它们之间的差异对于使用 SwiftUI
来说是必不可少的,而且对于本文中我将要讨论的某些事情,这也是必要的。 在下图中,您可以看到一个代码片段