在 TabView 中使用 VNDocumentCameraViewController 作为 UIViewControllerRepresentable

Question

我将VNDocumentCameraViewController 作为UIViewControllerRepresentable 在名为ScanView 的视图中嵌入TabView 作为第二个屏幕。在关闭VNDocumentCameraViewController（取消或保存扫描）时，我希望选项卡视图返回到我的第一个屏幕。这部分就像一个魅力。

我的问题是，当回到我的VNDocumentCameraViewController 时，我想重新实例化该控制器并重新开始——这是我无法弄清楚如何实现的。

我知道我的ContentView 保留对ScanView 的引用是为什么我的UIViewControllerRepresentable 没有被重新实例化——我该如何手动执行？

代码如下：

import SwiftUI

@main
struct so_VisionKitInTabsApp: App {
        var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

struct ContentView: View {
    @State private var tabSelection = 1

    var body: some View {
        TabView(selection: $tabSelection) {
            Text("First View")
                .tabItem { Text("First View") }
                .tag(1)
            ScanView(tabSelection: $tabSelection)
                .tabItem { Text("Scan View") }
                .tag(2)
        }
    }
}

import VisionKit

struct DocumentScanningViewAdapter: UIViewControllerRepresentable {
    typealias UIViewControllerType = VNDocumentCameraViewController

    let onDismiss: () -> ()
        
    func makeCoordinator() -> Coordinator {
        Coordinator(parent: self)
    }

    func makeUIViewController(context: Context) -> VNDocumentCameraViewController {
        let vc = VNDocumentCameraViewController()
        vc.delegate = context.coordinator
        return vc
    }
    
    func updateUIViewController(_ uiViewController: VNDocumentCameraViewController, context: Context) { }

    class Coordinator: NSObject, VNDocumentCameraViewControllerDelegate {
        var parent: DocumentScanningViewAdapter
        
        init(parent: DocumentScanningViewAdapter) {
            self.parent = parent
        }
        
        func documentCameraViewController(_ controller: VNDocumentCameraViewController, didFinishWith scan: VNDocumentCameraScan) {
            print("Finished successfully…")
            parent.onDismiss()
        }
        
        func documentCameraViewControllerDidCancel(_ controller: VNDocumentCameraViewController) {
            print("Cancelled…")
            resetCoordinator(for: controller)
            parent.onDismiss()
        }
        
        func resetCoordinator(for controller: VNDocumentCameraViewController) {
            controller.delegate = parent.makeCoordinator()
        }
    }
    
}

struct ScanView: View {
    @Binding var tabSelection: Int
    
    var body: some View {
        DocumentScanningViewAdapter(onDismiss: { tabSelection = 1 })
    }
}

Answer 1

感谢 Philip 在上面的回答，建议我可以使用 .sheet，我想出了这个使用 .fullScreenCover 的新 ScanView。

工作正常，但它会覆盖标签栏（我认为我可以忍受）。

struct ScanView: View {
    @Environment(\.presentationMode) var presentationMode: Binding<PresentationMode>
    @State private var showFullscreen = true
    @Binding var tabSelection: Int
    
    var body: some View {
        EmptyView()
            .fullScreenCover(isPresented: $showFullscreen, onDismiss: {
                presentationMode.wrappedValue.dismiss()
            }) {
                DocumentScanningViewAdapter(onDismiss: {
                    showFullscreen = false
                    tabSelection = 1
                })
            }
            .onAppear {
                showFullscreen = true
            }
    }
}

Answer 2

TabView 是这样工作的：它保存每个选项卡的状态

你可以破解它，但请不要：当 iOS 用户看到标签视图时，他希望如果他从一个标签切换到另一个并返回，他不会失去任何状态

只需制作一个按钮，将您的文档选择器显示为.sheet(...) 或使用NavigationLink 推入导航控制器，您的问题就会消失。

如果您使用其中一种方法，则无需重置控制器的状态，因为每次呈现视图时都会重新创建它

如果你仍然想这样做，你可以用 UINavigationController 包裹你的控制器，然后在 updateUIViewController 中初始化你自己的控制器

func makeUIViewController(context: Context) -> UINavigationController {
    let controller = UINavigationController()
    controller.isNavigationBarHidden = true
    return controller
}

func updateUIViewController(_ uiViewController: UINavigationController, context: Context) {
    let vc = VNDocumentCameraViewController()
    vc.delegate = context.coordinator
    uiViewController.viewControllers = [vc]
}

updateUIViewController 会在每次需要重新渲染视图时被调用。如果使用TabView，它仍然无法工作，因为状态已保存，您可以将.id(tabSelection) 添加到您的ScanView