UIKit > SwiftUI > UIKit

编程问答 2022-05-25

问题描述

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

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

这可能是 SwiftUI 中的一个错误，但我觉得这可能是一个很常见的情况，也许我遗漏了什么？

这个问题有一些重叠：Navigation Bar Items after push from SwiftUI to UIKit 虽然我不确定它们是否相同

结果

Gif of simulator

输入

Storyboard

  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))
    }
}
  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
        }
    }
}
swiftuiuibarbuttonitemuibarbuttonitemuibarbuttonitemuinavigationbaruinavigationbaruinavigationbaruinavigationcontrolleruinavigationcontrolleruinavigationcontroller