一发入魂:极简解决 SwiftUI 复杂视图未能正确刷新的问题(下)
概述
各位似秃非秃小码农们都知道,在 SwiftUI 中视图是状态的函数,这意味着状态的改变会导致界面被刷新。
但是,对于有些复杂布局的 SwiftUI 视图来说,它们的界面并不能直接映射到对应的状态上去。这就会造成一个问题:状态的改变并没有及时的引起 UI 的变化。
如上图所示:无论英雄挑战关卡的结果是成功还是失败,在视图的显示中都没有体现出来。这该如何是好呢?
在本篇博文中,您将学到如下内容:
- 概述
- 4. 一发入魂:三行代码搞定所有问题!
- 总结
相信学完本课后,大家都会掌握只需寥寥几行代码就让 SwiftUI 复杂视图乖乖听话的奥义!
那还等什么呢?Let‘s go!!!😉
4. 一发入魂:三行代码搞定所有问题!
对 SwiftUI 开发范式略有了解的小伙伴们都清楚,SwiftUI 框架简洁、稳定和高效的诸多好处都受益于响应式编程思想。
它通过数据绑定(如 @State、@Binding、@ObservedObject 等)实现 UI 与数据的自动同步,这主要体现在:
- 数据驱动:当数据状态变化时,界面自动更新(如 @Published 属性包装器触发视图刷新);
- 单向数据流:数据从模型层流向视图层,确保逻辑清晰且避免副作用;
而数据绑定的核心就是状态!其诀窍就在于:当状态自身发生改变时,它会及时的触发相关视图界面的刷新。
想要深入了解 SwiftUI 视图刷新秘密的小伙伴们,可以前往如下链接观赏进一步的内容:
- 深度解析:为何在 SwiftUI 视图的 init 初始化器里无法更改 @State 的值?
长话短说,在 SwiftUI 中对于引用(Class)状态对象来说,会有一个类型为 ObservableObjectPublisher 的发布器对象被自动合成,它就是 objectWillChange 对象:
这个对象是谁免费赠送给我们这些秃头码农的呢?你猜对了!它就是大名鼎鼎的 ObservableO