如何解决如何在与另一个选项卡交互时重新加载 SwiftUI 选项卡视图?
我已经尝试查看 State 和 ObservableObject 解决方案,但我需要一些帮助。
本质上,我的 ContentView 中有一个 tabView,其中有 2 个选项卡,比如 subview1 和 subview2。两个子视图还包含另一个名为 cellView 的视图。当在一个子视图中更改 cellView 时,我想重绘另一个。
布局示例:
TabView
+ +
| |
| |
Subview1 <--+ +--> Subview2
+ +
| |
v v
CellView CellView
我觉得它应该很容易,但我无法使用 @State vars 或任何东西。
解决方法
ObservableObject
是一个很好的工具。您可以创建一个 ObservableObject
并将其归子视图和单元格视图的共同祖先所有。
这是一个基本示例:
class StateManager : ObservableObject {
@Published var counter = 0
}
struct ContentView : View {
@ObservedObject var state = StateManager()
var body: some View {
TabView {
Page1(state: state).tabItem { Text("Tab 1") }
Page2(state: state).tabItem { Text("Tab 2") }
}
}
}
struct Page1 : View {
@ObservedObject var state : StateManager
var body: some View {
Subview(state: state)
}
}
struct Subview : View {
@ObservedObject var state : StateManager
var body : some View {
Button(action: { state.counter += 1 }) {
Text("Increment: \(state.counter)")
}.foregroundColor(.purple)
}
}
struct Page2 : View {
@ObservedObject var state : StateManager
var body: some View {
Subview2(state: state)
}
}
struct Subview2 : View {
@ObservedObject var state : StateManager
var body : some View {
Button(action: { state.counter -= 1 }) {
Text("Decrement: \(state.counter)")
}.foregroundColor(.red)
}
}
我将 ObservableObject
作为属性显式传递给每个视图,但您也可以考虑使用 .environmentObject
执行此操作。
请注意,这不是解决此问题的唯一解决方案。您也可以使用共享的 @State
和 Bindings
来实现这一点,但它们看起来可能不可靠,因为它们通过视图层次结构的多个级别,其中我在这里展示的解决方案是稳定的,是在 SwiftUI 中解决此类问题的一种极其常见的方法。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。