在 Else 塊中訪問 ObservableObject 時視圖不更新

Question

當我更改其@Binding值時，我的詳細View不會更新。

struct ContentView: View {

    class ViewModel: ObservableObject {

        @Published var imageSize: ImageSize?
        @Published var anotherValue: Int? = 5

        var cancellable: AnyCancellable?

        init() {
            cancellable = $imageSize.sink(receiveValue: { imageSize in
                print("🚨 \(imageSize?.rawValue ?? "Unknown")")
            })
        }
    }

    @ObservedObject private var viewModel = ViewModel()

    var body: some View {

        NavigationView {
            List {

                if viewModel.anotherValue == nil {
                    Text("Another value is nil")
                } else {
                    NavigationLink(destination: SelectImageSizeView(selectedImageSize: $viewModel.imageSize)
                                    .navigationBarTitle("ImageSize", displayMode: .inline)) {

                        Text("ImageSize: \(viewModel.imageSize?.rawValue ?? "Not Set")")

                    }
                }
            }
        }
    }
}

struct SelectImageSizeView: View {

    @Binding var selectedImageSize: ImageSize?

    var body: some View {

        List{
            ForEach(ImageSize.allCases, id: \.self) { imageSize in

                HStack {

                    Button {
                        withAnimation {
                            self.selectedImageSize = imageSize
                        }
                    } label: {

                        HStack {
                            Text(imageSize.rawValue)
                            Image(systemName: imageSize == selectedImageSize ? "checkmark.circle.fill" : "circle")
                        }
                        .font(.title)
                    }
                }
            }
        }
    }
}

public enum ImageSize: String, Codable, CaseIterable {

    case small = "Small"
    case medium = "Medium"
    case large = "Large"
}

當我將NavigationLink移出if塊時，它確實有效：

NavigationView {
            List {

                if viewModel.anotherValue == nil {
                    Text("Another value is nil")
                }

                NavigationLink(destination: SelectImageSizeView(selectedImageSize: $viewModel.imageSize)
                                .navigationBarTitle("ImageSize", displayMode: .inline)) {

                    Text("ImageSize: \(viewModel.imageSize?.rawValue ?? "Not Set")")

                }
            }
        }

我在這里錯過了什么嗎？

Answer 1

嗯。 我不知道為什么會這樣。 但是您可以轉而忽略整個ViewModel嗎？

你必須把它放在你的ContentView之外。 如果您不想從其他文件訪問它，我已將其fileprivate文件私有。

為我工作。

fileprivate class ViewModel: ObservableObject {

    @Published var imageSize: ImageSize?
    @Published var anotherValue: Int? = 5

    var cancellable: AnyCancellable?

    init() {
        cancellable = $imageSize.sink(receiveValue: { imageSize in
            print("🚨 \(imageSize?.rawValue ?? "Unknown")")
        })
    }
}

struct ContentView: View {

    @StateObject private var viewModel = ViewModel()

    var body: some View {

        NavigationView {
            List {

                if viewModel.anotherValue == nil {
                    Text("Another value is nil")
                } else {
                    NavigationLink(destination: SelectImageSizeView(viewModel: viewModel)
                                    .navigationBarTitle("ImageSize", displayMode: .inline)) {

                        Text("ImageSize: \(viewModel.imageSize?.rawValue ?? "Not Set")")

                    }
                }
            }
        }
    }
}

struct SelectImageSizeView: View {

    @ObservedObject fileprivate var viewModel: ViewModel

    var body: some View {

        List{
            ForEach(ImageSize.allCases, id: \.self) { imageSize in

                HStack {

                    Button {
                        withAnimation {
                            viewModel.imageSize = imageSize
                        }
                    } label: {

                        HStack {
                            Text(imageSize.rawValue)
                            Image(systemName: imageSize == viewModel.imageSize ? "checkmark.circle.fill" : "circle")
                        }
                        .font(.title)
                    }
                }
            }
        }
    }
}

public enum ImageSize: String, Codable, CaseIterable {

    case small = "Small"
    case medium = "Medium"
    case large = "Large"
}

Answer 2

這很愚蠢，但模擬器中有錯誤。 它正在與設備一起使用。