如何從 SwiftUI 推送到現有的 UINavigationController 堆棧？

Question

我們將SwiftUI視圖嵌入到UIHostingViewController中的UIKit中，如下所示：

首先制作UIViewController ：

    func hostingController() -> UIViewController {
    let swiftUIView = swiftUIView(viewModel: viewModel(data: [Data, Data, Data]))
    return UIHostingController(rootView: swiftUIView)
}

然后將其推送到UINavigationView堆棧：

[self.navigationController pushViewController:hostingViewController animated:YES];

這使我們進入SwiftUI的環境。 但是，如果我們的SwiftUI環境有自己的帶有NavigationView和NavigationLink的導航堆棧，則原始navigationBar欄的后退按鈕只能導航回原始呈現的UIViewController 。

有沒有辦法將嵌入NavigationView的SwiftUI視圖推送到現有的UINavigationController堆棧上？

到目前為止，我們唯一的想法是為每個新的SwiftUI屏幕創建一個新的UIHostingViewController ，並通過某種委托方法將其推送到堆棧上。

我們正在尋找的是這樣的：

UINavigationStack: [UIViewController -> UIViewController -> SwiftUIView -> SwiftUIView]

navigationBar中的后退<箭頭將按預期運行。

如果我們可以進一步澄清，請告訴我們！

Answer 1

我有一個類似的問題 - 我將帶有 NavigationView 的 SwiftUI 視圖添加到 UIKit NavigationController，當在 SwiftUI 視圖中繼續導航時會導致兩層導航欄：UIKit NavigationController -> MyListNavigationView(MyListView) -> DetailView。

添加 SwiftUI 視圖到 UIKit NavigationController：

let swiftUIView = MyListNavigationView(content: contentList)
let hostingViewController =  UIHostingController(rootView: swiftUIView)
self.navigationController?.pushViewController(hostingViewController, animated: true)

我的簡化 SwiftUI 視圖（未驗證簡化后是否編譯）：

struct MyListNavigationView: View {
    @State var content: [String]
    var body: some View {
        NavigationView {  //replace with Group {
            MyListView(content: $content)
                .toolbar {
                    ToolbarItem(placement: .navigationBarTrailing) {
                        NavigationLink {
                            DetailView(data: "New Data")
                        } label: {
                            Image(systemName: "plus")
                        }
                    }
                }
        }
        .navigationViewStyle(.stack)
        .navigationTitle("My Title")
    }
}

struct MyListView: View {
    @Binding var content: [String]
    var body: some View {
        List(content, id: \.self) { data in
            NavigationLink(destination: DetailsView(data: data) {   
                MyRow(data: data)
            }
        }
    }
}

struct MyRow: View {
    let data: String
    var body: some View {
        Text(data)
    }
}

struct DetailView: View {
     let data: String
     var body: some View {
        Text(data)
    }
}

因此，通過該設置，我有 2 層導航欄 - 通過一個簡單的更改，一切都對我有用：因為我只將MyListNavigationView添加到 UIKit NavigationController，所以我不需要獨立的 SwiftUI NavigationView ，只需將其替換為一個Group -我的 SwiftUI 視圖中的所有導航/工具欄設置都已被父級 UIKit NavigationController 采用，並且只有一個導航欄。