onReceive не вызывается в SwiftUI View при изменении ObservedObject - PullRequest
Новая
       6

onReceive не вызывается в SwiftUI View при изменении ObservedObject

1 голос
/ 27 февраля 2020

Мне не удается вызвать метод onReceive в представлении SwiftUI всякий раз, когда изменяется переменная из ObservedObject.

Я пробовал два метода: использовать @ Publi sh и использовать PassthroughSubject <>

Вот модель представления 

class MenuViewModel: ObservableObject {

@Published var selectedItems = Set<UUID>()
@Published var currentFocusItem: UUID?

// Output
let newItemOnFocus = PassthroughSubject<(UUID?), Never>()

// This function gets called good :)
func tapOnMenuItem(_ item: MenuItem) {
    if selectedItems.contains(item.id) {
        //These changes should trigger the onReceive?
        currentFocusItem = item.id  
        newItemOnFocus.send(item.id)
    } else {
        selectedItems.insert(item.id)
        currentFocusItem = nil
        newItemOnFocus.send(nil)
    }
}
}

Вот представление при попытке отловить изменения в @ Опубликовано var currentFocusItem 

struct MenuView: View {

    @ObservedObject private var viewModel: MenuViewModel
    @State var showPicker = false
    @State private var menu: Menu = Menu.mockMenu()


    init(viewModel: MenuViewModel = MenuViewModel()) {
        self.viewModel = viewModel
    }

    var body: some View {
        VStack {
            List(menu.items, selection: $viewModel.selectedItems) { item in
                MenuItemView(item: item)
            }

            Divider()
            getBottomView(showPicker: showPicker)
        }

        .navigationBarTitle("Title")
        .navigationBarItems(trailing: Button(action: closeModal) {
            Image(systemName: "xmark")
        })
        .onReceive(viewModel.$currentFocusItem, perform: { itemUUID in
            self.showPicker = itemUUID != nil // <-- This only gets called at launch time
        })           
    }
}

Представление таким же образом, но при попытке перехвата PassthroughSubject <> 

.onReceive(viewModel.newItemOnFocus, perform: { itemUUID in
            self.showPicker = itemUUID != nil // <-- This never gets called
        })

---------- РЕДАКТИРОВАТЬ ----------

Добавление MenuItemView, хотя viewModel.tapOnMenuItem вызывается всегда, поэтому я я не уверен, что это очень актуально

MenuItemView здесь: 

struct MenuItemView: View {

    var item: MenuItem
    @ObservedObject private var viewModel: MenuViewModel = MenuViewModel()
    @State private var isSelected = false

    var body: some View {
        HStack(spacing: 24) {
            Text(isSelected ? " 1 " : item.icon)
                .font(.largeTitle)
                .foregroundColor(.blue)
                .bold()
            VStack(alignment: .leading, spacing: 12) {
                Text(item.name)
                    .bold()
                Text(item.description)
                    .font(.callout)
            }
            Spacer()
            Text("\(item.points)\npoints")
                .multilineTextAlignment(.center)
        }
        .padding()
        .onTapGesture {
            self.isSelected = true
            self.viewModel.tapOnMenuItem(self.item). // <-- Here tapOnMenuItem gets called
        }
    }

    func quantityText(isItemSelected: Bool) -> String {
        return isItemSelected ? "1" : item.icon
    }
}

Что я делаю не так?

1 Ответ

1 голос
/ 27 февраля 2020

Ну, вот оно - ваши MenuView и MenuItemView используют разные экземпляры модели представления

1) 

struct MenuView: View {

    @ObservedObject private var viewModel: MenuViewModel
    @State var showPicker = false
    @State private var menu: Menu = Menu.mockMenu()


    init(viewModel: MenuViewModel = MenuViewModel()) { // 1st one created

2) 

struct MenuItemView: View {

    var item: MenuItem
    @ObservedObject private var viewModel: MenuViewModel = MenuViewModel() // 2nd one

Таким образом, вы изменяете один экземпляр, но подписываетесь на изменения в другом. Вот и все.

Решение: передать модель представления через .environmentObject или через аргумент от MenuView до MenuItemView.

...