1

问题

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(),会立即更新。

4

0 回答 0