navigation bar button item is bigger than the frame i set

Question

I don't know what's wrong with my code or what did I did that leads to this I spent half an hour trying to figure out what's wrong with my code but I have no idea, I'm calling this func in viewDidLoad()

func setupNavBarBtn(){
        
        let backBtn = UIButton(type: .system)
        backBtn.setImage(#imageLiteral(resourceName: "cellarrow").withRenderingMode(.alwaysOriginal), for: .normal)
        backBtn.contentMode = .scaleAspectFit
        backBtn.frame = CGRect(x: 0, y: 0, width: 30, height: 30)

        let callBtn = UIButton(type: .system)
        callBtn.setImage(#imageLiteral(resourceName: "Call").withRenderingMode(.alwaysOriginal), for: .normal)
        callBtn.contentMode = .scaleAspectFit
        callBtn.frame = CGRect(x: 0, y: 0, width: 30, height: 30)

        self.navigationItem.leftBarButtonItems = [UIBarButtonItem(customView: backBtn), UIBarButtonItem(customView: callBtn)]

}

See if [this answer](https://stackoverflow.com/questions/43073738/change-size-of-uibarbuttonitem-image-in-swift-3) helps. — Don, Jan 03 '21 at 03:54
Set yourButton.translatesAutoresizingMaskIntoConstraints = true before assign to frame. — Raja Kishan, Jan 03 '21 at 06:24

score 1 · Answer 1 · answered Jan 03 '21 at 13:02

1

You should create UIBarButtonItem instead of UIButton:

let backBtn = UIBarButtonItem(image:UIImage(named: "cellarrow.png"), style: .plain, target: nil, action: nil)
let callBtn = UIBarButtonItem(image:UIImage(named: "Call.png"), style: .plain, target: nil, action: nil)
self.navigationItem.leftBarButtonItems = [backBtn,callBtn]

The size of bar button should better be 20x20

answered Jan 03 '21 at 13:02

Ptit Xav

3,006
2
6
15

it is the Btn Img size that was causing this problem – Cloud Music Jan 04 '21 at 05:48
I do not know.I think UIButton are not meant to be used in navigation bar. UIBarButton are more likely to manage the correct sizing and behavior. – Ptit Xav Jan 04 '21 at 10:13

navigation bar button item is bigger than the frame i set

1 Answers1