单击导航栏外垂直对齐的栏按钮时出现问题

Question

I am trying to align two UIBarButtonItem s vertically on the right side of my UINavigationBar . I am using a custom view, and aligning two buttons within that.

Here is the code:

let rightBarButtonCustomView = UIView(frame: CGRect(x: 0, y: 0, width: 40, height: 90))
        
        let settingsButton = UIButton(frame: CGRect(x: 0, y: 0, width: 40, height: 40))
        settingsButton.setImage(UIImage(systemName: "gearshape.fill"), for: .normal)
        settingsButton.backgroundColor = preferredBackgroundColor
        settingsButton.tintColor = .accentColor
    
        settingsButton.addTarget(self, action: #selector(openSettingsScreen), for: .touchUpInside)
        settingsButton.layer.cornerRadius = settingsButton.frame.size.height / 2
        settingsButton.layer.borderWidth = 1
        settingsButton.layer.borderColor = UIColor.label.cgColor
        settingsButton.layer.masksToBounds = true
        
        rightBarButtonCustomView.addSubview(settingsButton)
        
        //NotificationButton
        let notificationsButton = UIButton(frame: CGRect(x: 0, y: 50, width: 40, height: 40))
        notificationsButton.setImage(UIImage(systemName: "bell.fill"), for: .normal)
        notificationsButton.backgroundColor = preferredBackgroundColor
        notificationsButton.tintColor = .accentColor

        notificationsButton.addTarget(self, action: #selector(openNotificationScreen), for: .touchUpInside)
        notificationsButton.layer.cornerRadius = notificationsButton.frame.size.height / 2
        notificationsButton.layer.borderWidth = 1
        notificationsButton.layer.borderColor = UIColor.label.cgColor
        notificationsButton.layer.masksToBounds = true
        
        rightBarButtonCustomView.addSubview(notificationsButton)
        
        self.navigationItem.rightBarButtonItem = UIBarButtonItem(customView: rightBarButtonCustomView)

Here is what it looks like:

Pretty good right?

Well, the issue is that the notification button is not receiving clicks, but the settings button is. My guess is that the notification button is outside of the navigation bar, as shown in this picture ( UINavigationBar is blue, my rightBarButtonCustomView is red):

I have tried to use constraints, increase the height of the navigation bar, but nothing seemed to work.

Any help would be appreciated

Thanks!

Answer 1

The below code is working well for me.

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    navigationBar.frame = CGRect(x: 0, y: 0, width: view.frame.width, height: 200)
}