当 UIKit > SwiftUI > UIKit 时不显示导航栏项目

Question

从 SwiftUI 视图推送到 UIKit 时，导航栏项目不存在或未添加。

我在故事板中添加了一项，在代码中添加了一项，但都没有显示。

这可能是 SwiftUI 中的一个错误，但我觉得这可能是一个很常见的情况，也许我错过了一些东西？

与这个问题有一些重叠：从 SwiftUI 推送到 UIKit 后的导航栏项目虽然我不确定它们是否相同

结果

输入

1. 没有代码，只有故事板
2. 没有代码，只有故事板

class MyHostingController: UIHostingController<SwiftUIView> {
 
    required init?(coder aDecoder: NSCoder) {    
        super.init(coder: aDecoder, rootView: SwiftUIView())
    }
}

struct SwiftUIView: View {
    var body: some View {
        NavigationLink(
            destination: MyUIKitView(),
            label: {
                Text("Go to MyUIKitView")
            })
    }
}

3和4之间的胶水

struct MyUIKitView: UIViewControllerRepresentable {
    typealias UIViewControllerType = MyUIKitViewController

    func makeUIViewController(context: Context) -> MyUIKitViewController {
        let sb = UIStoryboard(name: "Main", bundle: nil)
        let myVC = sb.instantiateViewController(identifier: "MyUIKitViewController") as! MyUIKitViewController
        return myVC
    }
    
    func updateUIViewController(_ uiViewController: MyUIKitViewController, context: Context) {
        print("♻️")
    }
}

class MyUIKitViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 👋 ADD NAV BUTTON HERE  
        navigationItem.rightBarButtonItems?.append(UIBarButtonItem(systemItem: .camera))
    }
}

5. 没有代码，只有故事板

Answer 1

SwiftUI 视图使用自己的导航控制器，它忽略 UIKit 导航控制器，因此可能的解决方案是将导航栏设置为父控制器并通过编码设置导航栏元素。

像这样

class MyUIKitViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        // 👋 ADD NAV BUTTON HERE - must be in DispatchQueue
        DispatchQueue.main.async {
            self.parent?.navigationItem.title = "Your Title"
            self.parent?.navigationItem.rightBarButtonItems?.append(UIBarButtonItem(systemItem: .camera))
        }
    }
}

另一种解决方案是使用

self.navigationController?.navigationBar.topItem?

。这与上面完全相同。它给出了一个 topItem。

class MyUIKitViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        // 👋 ADD NAV BUTTON HERE - must be in DispatchQueue
        DispatchQueue.main.async {
            self.navigationController?.navigationBar.topItem?.title = "Your Title"
            self.navigationController?.navigationBar.topItem?.rightBarButtonItems?.append(UIBarButtonItem(systemItem: .camera))
        }
    }
}

我在视图启动时使用DispatchQueue，此时父级尚未设置。 （您也可以使用

viewWillAppear

代替

DispatchQueue.main.async

）

编辑

如果您不想以编程方式添加元素并且需要使用故事板中的相同元素，那么您可以使用此方法。

class MyUIKitViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        // 👋 ADD NAV BUTTON HERE
        navigationItem.rightBarButtonItems?.append(UIBarButtonItem(systemItem: .camera))
        
        DispatchQueue.main.async { //<--Here
            self.navigationController?.navigationBar.topItem?.title = self.navigationItem.title
            self.navigationController?.navigationBar.topItem?.rightBarButtonItems = self.navigationItem.rightBarButtonItems
        }
    }
}

Answer 2

这很简单，可能是我刚刚使用的一种更以 SwiftUI 为中心的方法，效果非常好。

struct SwiftUIView: View {
    var body: some View {
        NavigationLink(
            destination: ,
            label: {
                Text("Go to MyUIKitView")
            }
        )
    }

    @ViewBuilder
    func destinationView() -> some View {
        MyUIKitView()
            .navigationTitle("Your Title")
            .toolbar {
                ToolbarItem(placement: .topBarTrailing) {
                    Button(
                        action: { 
                            // Do something here
                        },
                        label: { Image(systemName: "camera") }
                    )
                }
            }
    }
}