如何在 SwiftUI 中再次初始化视图？

Question

我在我的项目中使用 SwfitUI，我有一个 NavigationView 和 List。我在打开详细视图后单击单元格并单击导航返回按钮。单击导航后退按钮后，我想删除视图（它是结构，在 SwiftUI 中）。因为如果我再次单击同一个单元格或按钮，它不会初始化新视图，而是显示旧视图。我想刷新这个视图。我该怎么办？

我的 FirstView 结构是：

struct FirstView: View {

    @ObservedObject var viewModel: FirstViewModel

    var body: some View {
        List(self.viewModel.objects, id: \.id) { object in
            ZStack {
                DetailViewCell(object: object)
                NavigationLink(destination: DetailViewBuilder.make(object)) {
                    EmptyView()
                }.buttonStyle(PlainButtonStyle())
            }
        }
    }
}

我的 DetailView 结构是：

struct DetailView: View {

    @ObservedObject var viewModel: DetailViewModel

    var body: some View {
        ZStack(alignment: .top) {
            Color.mainBackground.edgesIgnoringSafeArea(.all)
            VStack {
                ZStack {
                    Image("Square")
                    Image(self.viewModel.currentImage)
                }
                Text(self.viewModel.currentText)
                    .padding()
                    .frame(alignment: .center)
                    .minimumScaleFactor(0.1)
                Spacer()
                Button(action: {
                    self.viewModel.pressedPlayOrPauseButton()
                }, label: {
                    Image(self.viewModel.isPlaying ? "Pause" : "Play").foregroundColor(Color("Orange"))
                }).padding()
            }
        }
    }
}

首先，我通过单击 FirstView 中的一个单元格转到详细信息。然后我用后退按钮回来。我再次单击单元格以转到详细信息，但未打开新视图。它显示了旧视图。

在我忘记之前，我的生成器类是：

final class DetailViewBuilder {
    static func make(object: Something) -> DetailView {

        let viewModel = DetailViewModel(object: object)
        let view = DetailView(viewModel: viewModel)

        return view
    }
}

注意：如果我将使用 Sheet Presented，它会起作用。它正在创建新的视图。但我想使用 NavigationLink。谢谢你。

Answer 1

你只需要在你的构建器中推迟你的目的地创建，这@ViewBuilder是一个很好的工具。

它可以使用以下包装器来创建真正的目的地，仅在何时body呈现（即在您的情况下明确点击导航时）

使用 Xcode 11.4 / iOS 13.4 测试

struct DeferView<Content: View>: View {
    let content: () -> Content

    init(@ViewBuilder _ content: @escaping () -> Content) {
        self.content = content
    }
    var body: some View {
        content()          // << everything is created here
    }
}

现在你的建造者

final class DetailViewBuilder {
    static func make(object: Something) -> some View {
        DeferView {
           DetailView(viewModel: DetailViewModel(object: object))
        }
    }
}