@ObservableObject
ViewModel仅在关闭并重新打开视图之后才更新UI。一旦发生此更新,@Published
中@ObservableObject
变量中的每个后续更改都会触发自动更新。
我的项目中有一个名为“堆栈”的模型。
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的子视图出现时,才会发生这种情况。使用.sheet()
将其显示为模式视图时,NewStackView会立即更新。