如何从 SwiftUI 推送到现有的 UINavigationController 堆栈？答案

【问题标题】：How to push onto an existing UINavigationController stack from SwiftUI?如何从 SwiftUI 推送到现有的 UINavigationController 堆栈？
【发布时间】：2021-01-25 20:30:59
【问题描述】：

我们正在推动 SwiftUI 视图嵌入在 UIKit 土地中的 UIHostingViewController 中，如下所示：

首先制作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 中后面的 < 箭头将按预期运行。

如果我们可以进一步澄清，请告诉我们！

【问题讨论】：

标签： swift swiftui uinavigationcontroller swiftui-navigationlink swiftui-navigationview

【解决方案1】：

我遇到了类似的问题 - 我在 UIKit NavigationController 中添加了一个带有 NavigationView 的 SwiftUI 视图，当在 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 采用而且只有一个导航栏。

【讨论】：