问题
ViewModel 仅在@ObservableObject
关闭并重新打开视图后更新 UI。一旦发生此更新,@Published
内部 var中的每个后续更改都会@ObservableObject
触发自动更新。
语境
我的项目中有一个名为“Stack”的模型。
struct Stack: Identifiable, Equatable {
var id = UUID()
var title: String
var isPinned = false
}
我有一个视图(NavigationMenuView),它在滚动视图中显示所有堆栈导入 SwiftUI
struct NavigationMenuView: View {
@ObservedObject var viewModel = NavigationMenuViewModel()
@EnvironmentObject var environmentObjects: EnvironmentObjects
var body: some View {
ZStack{
NavigationView {
VStack(alignment: .leading){
ScrollView {
ForEach(viewModel.stacks){ stack in
StackRow(
stack: stack,
lftButtonAction: {
self.viewModel.toggleIsPinned(for: stack)
},
rhtButtonAction: {
self.viewModel.deleteStack(stack: stack)
}
)
}
}
}
.navigationBarTitle(Text("Home"))
.navigationBarItems(trailing: addNewStackButton)
.background(Color(UIColor.systemGray6).edgesIgnoringSafeArea(.all))
}.zIndex(1)
if environmentObjects.newStackViewIsShown {
VStack{
Spacer()
NewStackView(viewModel: NewStackViewModel())
}
.onDisappear{
self.viewModel.fetchStacks()
}
.zIndex(2)
}
}
.onAppear{
self.viewModel.fetchStacks()
}
}
}
此视图的视图模型有一个@Published var stacks = [Stack]()
数组,该数组通过fetchStacks()
.
NavigationMenuView 有一个子视图(NewStackView),它使用这个按钮创建一个新的“堆栈”(使用 ViewModel):
Button(action: {
if !self.isAddButtonDisabled{
self.viewModel.addNewStack(title: self.title)
self.environmentObjects.newStackViewIsShown = false
}
}) {
Text("Add")
.padding(.vertical, 16.0)
.frame(minWidth: 0, maxWidth: .infinity)
.foregroundColor(Color(UIColor.systemBackground))
.background(
RoundedRectangle(cornerRadius: 10, style: .continuous)
.foregroundColor(addButtonColor)
)
}
.disabled(isAddButtonDisabled)
我自己的进步
我发现这只发生在NewStackView
作为 NavigationMenuView 的子视图呈现时。当使用 NewStackView 将其呈现为模态视图时.sheet()
,会立即更新。