SwiftUI：ViewModifier 不监听 onReceive 事件

Question

I have a custom ViewModifier which simply returns the same content attached with a onReceive modifier, the onReceive is not triggered, here is a sample code that you can copy, paste and run in XCode :

import SwiftUI
import Combine

class MyViewModel: ObservableObject {
    @Published var myProperty: Bool = false
}
struct ContentView: View {
    @ObservedObject var viewModel: MyViewModel

    var body: some View {
        Text("Hello, World!")
        .modifier(MyOnReceive(viewModel: viewModel))
            .onTapGesture {
                self.viewModel.myProperty = true
        }
    }
}

struct MyOnReceive: ViewModifier {
    @ObservedObject var viewModel: MyViewModel

    func body(content: Content) -> some View {
        content
            .onReceive(viewModel.$myProperty) { theValue in
                print("The Value is \(theValue)") // <--- this is not executed
        }
    }
}

is SwiftUI designed to disallow onReceive to execute inside a ViewModifier or is it a bug? I have a view in my real life project that gets bigger with some business logic put inside onReceive , so I need to clean that view by separating it from onReceive .

Answer 1

ok, this works for me:

func body(content: Content) -> some View {
    content
        .onAppear()   // <--- this makes it work
        .onReceive(viewModel.$myProperty) { theValue in
            print("-----> The Value is \(theValue)") // <--- this will be executed
    }
}

Answer 2

Try onChange instead

https://developer.apple.com/documentation/swiftui/scrollview/onchange(of:perform:)

.onChange(of: viewModel.myProperty) { newValue in
        print("newValue \(newValue)")
    }

But please don't use the View Model object pattern in SwiftUI, try to force yourself to use value types like structs for all your data as SwiftUI was designed. Property wrappers like @State will give you the reference semantics you are used to with objects.