SwiftUI Observable对象在第一次尝试时不会更新UI

时间:2020-06-07 21:58:59

标签: swiftui observableobject

问题

@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会立即更新。

0 个答案:

没有答案