【问题标题】:Navigation Bar Items not shown when UIKit > SwiftUI > UIKitUIKit > SwiftUI > UIKit 时未显示导航栏项目
【发布时间】:2021-09-06 16:49:45
【问题描述】:

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

我在情节提要中添加了一项,在代码中添加了一项,均未显示。

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

这个问题有一些重叠:Navigation Bar Items after push from SwiftUI to 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))
    }
}
  1. 无代码,仅情节提要

【问题讨论】:

    标签: swiftui uinavigationcontroller uinavigationbar uibarbuttonitem


    【解决方案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
            }
        }
    }
    

    【讨论】:

    • 这行得通,谢谢!我稍微编辑了您的答案,只是因为我没有注意到 DispatchMain 位并且我认为它不起作用。 16 小时后我会奖励赏金!
    • 这是我使用的代码:DispatchQueue.main.async { self.parent?.navigationItem.rightBarButtonItem = UIBarButtonItem(barButtonSystemItem: .add, target: self, action: #selector(self.addPhoto(_:))) }
    • 谢谢!帮助了一吨。我的未显示按钮的 UIKit 视图有时从 UIKit -> UIKit 显示,有时从 UIKit-SwiftUI-UIKit 显示,因此还必须执行一些条件逻辑来检测前一个视图的正确类型(UIViewController 与 UIHostingController)并使用适当的navigationItem
    • 嗨,马克,你有 UIKit-SwiftUI-UIKit 的演示项目吗?我在导航栏上苦苦挣扎..一旦我从 UIKit > SwiftUI 切换,导航项就会丢失
    • 非常感谢!!
    猜你喜欢
    • 2019-11-29
    • 1970-01-01
    • 2020-03-01
    • 1970-01-01
    • 1970-01-01
    • 2021-01-06
    • 2020-06-03
    • 2021-12-04
    相关资源
    最近更新 更多